收藏 分享(赏)

第4周-样式与布局.ppt

上传人:天天快乐 文档编号:967728 上传时间:2018-05-09 格式:PPT 页数:12 大小:1.54MB
下载 相关 举报
第4周-样式与布局.ppt_第1页
第1页 / 共12页
第4周-样式与布局.ppt_第2页
第2页 / 共12页
第4周-样式与布局.ppt_第3页
第3页 / 共12页
第4周-样式与布局.ppt_第4页
第4页 / 共12页
第4周-样式与布局.ppt_第5页
第5页 / 共12页
点击查看更多>>
资源描述

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,

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 企业管理 > 经营企划

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报