1、HTML标签样式设置,HTML最常用属性, 我是测试文字!,Style为所有标签都具有的属性,用于描述标签的效果,也称内联样式。Style为最常用的属性之一。Style 属性在同一个标签中只可以写一次,HTML标签样式设置,HTML样式可以独立书写,然后用于同一个网页的多个标签中,HTML标签样式设置,同一个效果,只需要定义一次,然后用于网页内多个地方,HTML标签样式设置,同一个效果,能不能用于不同网页?,HTML标签样式设置,1、新建CSS文件,保存于站点内2、在CSS文件中编写样式3、在网页中附加样式表,把需要的样式书写于独立的CSS文件中,那么,同一个效果,在不同的网页中只需要书写一次
2、,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,