第二节课笔记

it2022-05-09  63

CSS

CSS与Html结合(集成)使用

1.style属性。所有的HTML标签都有一个style的属性。

<xxxx style="">

2.在head 里面写一个样式的脚本。

<head> <style type="text/css"></style> </head>

3.引入外部的css文件

<link rel="stylesheet" type="text/css" src=""css的路径">

优先级

1.方式1>方式2>方式3

2.从内到外,执行顺序从上到下。 比如:

<head> <style type="text/css"> div { color:blue } </style> </head> <body> <div style="color:red"/> </body>

最后颜色为红色。

css选择器

1.基本选择器【重要】

1)标签选择器:div {}

2)id选择器:#id {}

3)类选择器:.class {}

优先级:id,class,标签

多个样式指向同一个标签,样式会叠加起来,叠加的顺序按照优先级。

2.组合选择器【了解】

多元素选择器 :div,font {} 子代选择器 :div > p {} 相邻兄弟选择器: div +p {} 兄弟选择器 : div ~ p {}

3.属性选择器【了解】

关键字:[] 标准的格式 div[] div[name] :有属性 就是你 div[name=""] :有属性,属性值,那就是你 div[name包含啥]: div[属性以啥啥开头] div[属性以啥啥结尾] 等

4.伪类选择器【了解】

一个超链接点击以后,要给它变一个颜色。

超链接的伪类选择器:

未点击 ->放到超链接上- 点击-> 链接完成 :link :hover :active :visited a:visited { color:red }

最新回复(0)