欢迎来到天天文库
浏览记录
ID:45772592
大小:187.97 KB
页数:12页
时间:2019-11-17
《传智PHP基础班笔记5》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、昨日回顾css,称为“层叠样式表”。CSS就是给HTML标记來指定格式的。属性值雇性值hl{color:red;font-size:14px;}"千——t‘选择器声明肓明CSS规则是由“选择器”和“格式语句”。CSS选择器:就是去査找指定的HTML标记,然后给该标记加样式。css格式语句:就是css的属性,css的属性有很多类别。女n:尺寸、文本、背景、边框等。CSS选择器——基本选择器(单个选择器)(1)通配符7”:将匹配所有的HTML标记,只耍<body>中存在的标记都会生效。(2)标签选择器:对应于HTML标记,冇什么样的HTML标记,就冇什么样的标签选择器。女口:p{color:rcd
2、;}(3)类选择器:给HTML标记中,class属性值相同的元素,添加样式。命名必须以开头。如:.news{}(4)Id选择器:给HTML标记中,具有id属性的元素,添加样式。唯一性。命名以“#”开头。如:#news{)CSS选择器——组合选择器(多个选择器)(1)多元素选择器:同时给多个元素添加样式,各个选择之间用逗号分开。女n:p,hl,#box{}(2)后代元索选择器:给某个元素的所有后代元素,添加样式。用空格隔开。如:#boxhl{)(3)子元素选择器:给某个元素的子元素添加样式。用“〉”隔开。如:#box>hl{)css伪类选择器:给超链接加的样式(链接的不同状态加样式)一个超链接,
3、冇四个状态:•正常状态(:link):鼠标没放上之前链接的样式。•放上状态(:hover):鼠标放到链接上时的样式。•激活状态(:active):按住鼠标左键不松开的样式,这个状态特殊如暂。•访问过的状态(:visited):按下鼠标左键,并弹起,这时的样式效果。在平常工作中,会使用以下写法,来给链接加不同的样式:a:link,a:visited)color:#444;text-decoration:none;}〃将“il•「常状态”和"访问过的状态"合•为a:hover{color:#990000;text-decoration:underline;}//“鼠标放上”单做•种效果678910
4、«111213141516171819■2021222324252627287891011=12131415161718
5、.box{width:600px;border:lpxsolid#333;padding:20px;*同时给四个边加lOpx的内填充*/}・boxa:link,.boxa:visited{color:#003399;text-decoration:none;}.boxa:hover{color:#FF0000;text-decoration:underline;}/*a.al〃给class=al的〈8〉元素添加样式a.al:lin
6、k//给class=al的〈8>元素的正常状态,添加样式*/.boxa.al:link,.boxa.al:visited!color:#0OccOO;font-size:24px;background-color:#ffff33;}.boxa.al:hover{color:#ffOOff;}〈/style〉大家好网站音页〈/&>
7、公司简介〈/a>
8、
9、产品中心〈/&>
10、<
11、ahref=/z#z/class二最新发布〈/a>
12、在线留言〈/a>
13、投诉建议〈/a>
14、"〈li>北京市〈li>天津市天津市〈li>天津市天津市〈li〉天津市css边框属性:
15、每个元素都可以加边框线•border-left:左边框线。♦格式:border-left:粗细线型线的颜色;♦线型:none(无线)、solid(实线)、dashed(虚线)、dotted(点状线)♦举例:border-left:5pxdashedred;•border-right:右边框线。•border-top:上边框线。•border-bottom:下边框线。•border:同时给四个边加边
此文档下载收益归作者所有