HTML标签样式设置.pptVIP

海南工商职业学院 网页设计与制作 海南工商职业学院 网页设计与制作 HTML标签样式设置 HTML最常用属性 span style=“width:400px; height:300px; color:#ff0000; font-size:14px; ” 我是测试文字！！！！！ /span Style为所有标签都具有的属性，用于描述标签的效果，也称内联样式。 Style为最常用的属性之一。 Style 属性在同一个标签中只可以写一次 HTML标签样式设置 HTML样式可以独立书写，然后用于同一个网页的多个标签中 HTML标签样式设置 同一个效果，只需要定义一次， 然后用于网页内多个地方 HTML标签样式设置 同一个效果，能不能用于不同网页？？？ HTML标签样式设置 1、新建CSS文件，保存于站点内 2、在CSS文件中编写样式 3、在网页中附加样式表 把需要的样式书写于独立的CSS文件中， 那么，同一个效果，在不同的网页中只需要书写一次 CSS样式表 CSS样式表也叫层叠样式表，用于控制网页中的标签元素显示效果 CSS应用： 1）重定义标签效果 2）自定义效果 3）伪类 CSS样式表 1）重定义标签效果 重新定义标签的显示效果 Body标签必须要重新定义 标签重新定义后，在网页中不需要做其他任何设置，则所有该标签都已经应用了这种效果 CSS样式表 2）自定义效果 2.1 自定义class效果 class效果命名规则 1、必须以.开头 2、不能以数字开头 3、不能包含中文、空格 4、以有意义的 名字命名，建议使用驼峰命名法，如 .NewsTitle CSS文件中的书写 网页文件中的书写 CSS样式表 2）自定义效果 2.2 自定义id效果 id命名规则 1、必须以#开头 2、不能以数字开头 3、不能包含中文、空格 4、以有意义的 名字命名，建议使用驼峰命名法，如 #NewsTitle CSS文件中的书写 网页文件中的书写 CSS样式表 3）伪类 CSS文件中的书写 CSS样式表 3）伪类 伪类用于鼠标经过标签时的显示效果 伪类不会独立存在，必须书写于正常效果之后，在正常效果之后添加:hover 以下几种都是正常的伪类书写方式 Span:hover ------注意：这种书写方式很少用，一般只用于A标签 .FirstText:hover #bigTitle:hover 海南工商职业学院 网页设计与制作 海南工商职业学院 网页设计与制作