HTML/CSS总结1

20.水平线标记

21.css

      1.css：层叠样式表。使用css能够简化网页的格式化代码，加快下载的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。样式表的首要目的的为网页上的元素精确定位。其次他把网页上的内容结构与格式控制相分离，使得网页可以仅由内容构成，而将网页的格式通过通过css样式表文件来控制

      2.Css语法结构仅由3部分组成，分别是选择符、样式属性和值，基本语法如下：

        选择符｛样式属性：取值；样式属性：取值；...｝

      3.基本css选择器

         标签选择器：直接将html标签作为选择器如p选择器；类别选择器：标记选择器一旦声明，则页面中所有的该标记都会相应的产生变化；Id选择器的使用方法和class选择器基本相同，不同之处在于id选择器只能在html页面中使用一次。

      4.css的使用方式

         链接外部样式表：

         行内方式：

         嵌入外部样式表：

           @import url(“外部样式表的文件名称”)；

         内部样式表：

      5.设置css属性

         css属性分为：类型、背景、区块、方框、边框、列表、定位、扩展。

         css类型属性：Font-family、Font-size、Font-style、Line-height、Text-decoretion、Font-weight、Font-variant、Text-transform、Color

         css背景属性：Background-color、Background-image、Background-repeat、Background-attachment（确定背景图像是固定在它的原始位置还是随内容一起滚动）、Background-position(X)和background-position（Y）：指定背景图像相对于元素的初始位置。

         css区块属性：Word-spacing：设置单词的间距；Letter-spacing：增加或减小字母或字符的间距。vertical-align：指定应用它的元素的垂直对齐方式。Text-align：设置元素中文本对齐方式。Text-indent：指定第一行文本缩进的程度。White-space：确定如何处理元素的空白。Display：指定是否及如何显示元素。

         css方框属性：Width和height属性设置元素的宽度和高度。Float：设置其他元素在哪个边围绕元素浮动。Padding：指定元素内容与元素边框之间的间距。Margin：指定一个元素的边框与另一个元素之间的间距。

         css边框属性：Style：设置边框的样式外观。Width：设置元素边框的粗细。Color：设置边框的颜色。

         css列表属性：List-style-type：设置项目符号或编号的外观。List-style-image：可以为项目符号指定自定义图像。单击浏览按钮选择图像或输入图像路径。List-style-position：设置列表项文本是否换行和缩进以及文本是否换行到左边距。

         css定位属性：Position：四个可选值：absolute能够准确将元素移动到你想要的位置，绝对定位元素的位置。Fixed--相对于窗口的固定定位。Relative--相对定位是相对于元素默认的位置的定位。Static--该属性值是所有元素定位的默认情况，可用static取消继承，即还原元素定位的默认值。Visibility：如果不指定可见性属性，则默认情况下大多数浏览器都继承父级的值。

         css扩展属性：Page-break-before：其中两个属性的作用是为打印的页面设置分页符。Page-break-after：检索或设置对象后出现的页分割符。Cursor：指针位于样式所控制的对象上时改变指针图像。Filter：对样式所控制的对象应用特殊效果。