[工学]第02章_3_CSS样式表.pptVIP

第三章 CSS样式表 第三章 CSS样式表 3.1 样式表简介: 使用HTML已经可以很好地定义网页的结构,但是如果要使网页具有较专业的外观活版面时,使用样式表会比较好. CSS (Cascading Style Sheet,层叠样式表) 第三章 CSS样式表 3.1 样式表简介: 3.11 CSS基本语法: Selector { Property : Value ; … } Selector是要被定义的标记.Property是套用该标记样式的属性种类. 例如:把H1标记的样式定义为字体大小24Point H1 {Font-size: 24Pt} 第三章 CSS样式表 3.1 样式表简介: 例如:把H1标记的样式定义为字体大小24Point，颜色为蓝色 H1 { Font-size: 24Pt；Color：Blue} 或者定义很多样式时： H1 { Font-size: 24Pt Color：Red …… } 第三章 CSS样式表 3.1 样式表简介: 3.12 指定套用样式的对象： 标记名称：H1 { Font-size: 24Pt } 标记名称，标记名称，标记名称…… H1，H2，H3 { Color: Blue } 定义专用样式： . 样式名{ 属性 : 值} 如：. A { Color : Blue} 第三章 CSS样式表 3.1 样式表简介: 3.12 指定套用样式的对象： ＃样式名{ 属性 : 值} 如：＃Myid { Color : Red } 层次定义样式： 标记名称 标记名称 标记名称 如：DIV BlockQuote P { Color: Blue } DIV标记里面的BlockQuote标记里面的P标记定义样式。 第三章 CSS样式表 3.1 样式表简介: 3.12 指定套用样式的对象： 各种链接状态： A:Link：表示一般链接状态时的样式。 A:Visited：表示已经链接过状态的样式。 A:active：表示在链接部分按下鼠标但是尚未开 放时的样式。 A:hover：表示鼠标移到链接部分时的样式。 第三章 CSS样式表 3.1 样式表简介: 3.13 单位的使用方法： 绝对性值的单位： in：英寸（1 inch=2.54cm）。 cm：厘米。 mm：毫米。 pt：Point 磅（1 Point = 1/72 inch）。 pc：Pica（1 Pica = 12 Point）。 第三章 CSS样式表 3.1 样式表简介: 3.13 单位的使用方法： 相对性值的单位： em：在特定范围内以有效字符高度为1个单位。 ex：在特定范围内以有效小写字母X的高度为1个单位。 px：将1个Pixel视为1个单位。 %：相对某个基准值（如窗口大小）的比例。 第三章 CSS样式表 3.1 样式表简介: 3.13 颜色的指定方法： 16进制指定颜色方法1（#RRGGBB）:例如红色（#ff0000） 16进制指定颜色方法2（#RGB）:把指定的RGB的值看成2个 连续相同值。例如：#F36等同与#ff3366 10进制指定颜色方法（RGB（n,n,n））:R,G,B值介于0－255 之间。例如：红色:RGB（255,0,0） %指定颜色方法（RGB（%,%,%）） 例如：红色:RGB（100％,0%,0%） 第三章 CSS样式表 3.2 在HTML中插入样式表: 第三章 CSS样式表 3.3 读取样式表文件: 第三章 CSS样式表 3.4 在标记属性中定义并套用样式表: 第三章 CSS样式表 3.5 套用已定义样式表的属性设置: 第三章 CSS样式表 3.6 让样式表能套用与任何范围: 第三章 CSS样式表 3.7 文字颜色: 第三章 CSS样式表 3.8 设置背景颜色: 第三章 CSS样式表 3.9 设置背景图片: 第三章 CSS样式表 3.10 设置背景图片排列方法: 第三章 CSS样式表 3.11 设置背景图片显示位置: 第三章 CSS样式表 3.12 固定背景图片: 第三章 CSS样式表 3.13 指定行高度: 第三章 CSS样式表 3.14 设置留白: 第三章 CSS样式表 3.15 设置对齐: 第三章 CSS样式表 3.16 指定垂直方向相关位置: 第三章 CSS样式表 3.17 指定文字样式: 第三章 CSS样式表 3.18 指定文字粗细: 第三章 CSS样式表 3.19 指定文字大小: 第三章 CSS样式表 3.20 指定文字字体: 第三章 CSS样式表 3.21 指定字