2.java中级源码笔记网页设计-css

1、北京传智播客教育 CSS语言传智.郝强勇北京传智播客教育 CSS概述CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。北京传智播客教育 CSS和HTML结合的方式sytle属性方式style标签方式(内嵌方式)导入方式链接方式北京传智播客教育 CSS样式优先级和代码规范样式优先级由上到下，由外到内。优先级由低到高。代码规范选择器名称 属性名：属性值；属性名：属性值；.属性与属性之间用 分号 隔开

2、属性与属性值直接按用 冒号 连接如果一个属性有多个值的话，那么多个值用 空格 隔开。北京传智播客教育 CSS选择器就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。CSS选择器的类型html标签名选择器。使用的就是html的标签名class选择器。其实使用的标签中的class属性id选择器。其实使用的是标签的中的id属性。优先级：style属性idclass标签名北京传智播客教育 CSS扩展选择器关联选择器标签是可以嵌套的，两个或多个选择器之间产生关系，就可以用此选择器。组合选择器对多个不同选择器进行相同样式设置的时候应用此选择器。伪元素选择器其实就在html中预先定义

3、好的一些选择器。或者说当前元素处于的状态。北京传智播客教育 CSS的简单练习（查阅文档）Html的列表标签Html的表格标签Html的文本输入框北京传智播客教育 CSS盒子模型在进行布局前需要把数据封装到一块一块的区域内，这个区域的专业术语叫盒子。边框（border）分为上 下 左 右内边距（padding）分为上 下 左 右外边距（margin）分为上 下 左 右北京传智播客教育 CSS布局漂浮属性HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。float（漂浮）none : 默认值。对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象

4、的左边clear（清除）none : 默认值。允许两边都可以有浮动对象left : 不允许左边有浮动对象 right : 不允许右边有浮动对象 both : 不允许有浮动对象北京传智播客教育 CSS布局定位属性positionstatic : 默认值。无特殊定位，对象遵循HTML定位规则 absolute : 将对象从文档流中拖出，使用 MSITStore:D:/itcast/class%E6%A8%A1%E6%9D%BF/class_02/%E8%B5%84%E6%96%99/CSS2.0%E6%A0%B7%E5%BC%8F%E8%A1%A8%E4%B8%AD%E6%96%87%E6%89%8B%E5%86%8C.chm:/css20/c_left.html， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性relative : 对象不可层叠，但将依据 MSITStore:D:/itcast/class%E6%A8%A1%E6%9D%BF/class_02/%E8%B5%84%E6%96%99/CSS2.0%E6%A0%B7%E5%BC%8F%E8%A1%A8%E4%B8%AD%E6%96%87%E6%89%8B%E5%86%8C.chm:/