欢迎来到天天文库
浏览记录
ID:36324141
大小:988.50 KB
页数:25页
时间:2019-05-09
《《css总结》ppt课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、CSS样式总结CSS样式基本语法CSS选择器CSS属性值在网页中应用CSSCSS盒模型Selector{property:value;}选择器属性属性值举例:p{border:5pxredsolid;}通配选择器标记选择器类选择器id选择器CSS选择器css选择器通配选择器*{color:green;font-size:14px;font-family:黑体,华文行楷,宋体;}我是标题1我是标题2我是段落
我是段落
2、标记选择器h2{color:red;font-size:24px;}我是标题1我是标题1我是标题2我是标题2.a14{color:blue;font-family:隶书;}.a15{color:#000;font-size:50px;font-style:italic;}我是标题1--OK3、1>我是标题1我是标题2--很OK我是标题2我是标题2--OK类选择器id选择器#box{width:600px;border:2pxsolid#f00;}我是标题1--OK我是标题1我是标题2--4、很OK我是标题2我是标题2--OK我是标题2我是段落我是段落只有应用了该id名称的元素会受到影响;用来构建整体框架的元素对象应定义id属性。在符合Web标准的设计中,每个id名称只能使用一次注意
3、1>我是标题1我是标题2--很OK我是标题2我是标题2--OK类选择器id选择器#box{width:600px;border:2pxsolid#f00;}我是标题1--OK我是标题1我是标题2--
4、很OK
5、divid=“right”>伪选择器a:linka:visiteda:hovera:active超链接默认样式访问过的链接样式鼠标经过链接时的样式鼠标按下链接时的样式与超链接相关的四个伪类:伪选择器举例:a{text-decoration:none;font-weight:bold;}a:link{color:#0000cc;}a:visited{color:#660099;}a:hover{color:#ff0000;}a:active{color:#006600;}<
6、styletype="text/css">h1,.a16{color:red;}
加粗7、rong>倾斜加粗倾斜加粗倾斜两者之间至少为父子关系父子选择器strong>em{color:red;}加粗倾斜加粗倾斜<8、/p>加粗倾斜加粗倾斜color:
7、rong>
倾斜
加粗倾斜
加粗
加粗倾斜<
8、/p>
此文档下载收益归作者所有