传智PHP基础班笔记5

传智PHP基础班笔记5

ID:45772592

大小:187.97 KB

页数:12页

时间:2019-11-17

传智PHP基础班笔记5_第1页
传智PHP基础班笔记5_第2页
传智PHP基础班笔记5_第3页
传智PHP基础班笔记5_第4页
传智PHP基础班笔记5_第5页
资源描述:

《传智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>

大家好网站首页I公司简介I新闻动态I产品中心I最新发布I在线留言I投诉建议CSS列表属性list-style:列表样式,取值:none。去掉项目符号或编号前面的各种符号。ul,li{list-style:none;去除前面的符号*/}〈/style〉

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:同时给四个边加边

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签