CSS基础知识梳理1
1、CSS样式：
选择符{属性：值}
CSS中注释采用/* */,而不是html中的<!-- -->‘
2、CSS样式代码插入方式
（1）内联式
eg: <p style ="color:red;font-size:12px">css内嵌</p>
（2）嵌入式 注：嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间
<head>
<style type="text/css">
选择符{属性：值}
</style>
</head>
（3）外部式（外联式）: 将 css代码写如一个单独的外部.css文件中，在<head>中使用<link href=".css文件位置" rel="stylesheet" type="text/css" />若3种方式均使用，就近原则（离被设置元素越近优先级别越高）
3、CSS容器
(1)CSS样式中的选择符，标明{}中的样式的作用对象
(2)类选择器 .开头
(3)ID选择器 #开头
注：ID选择器限制较多，建议二选一时，选择类选择器
(3)子选择器：> 作用于子元素的第一代后代
(4)包含选择器: 作用于所有子后代元素
注：>作用于元素的第一代后代，空格作用于元素的所有后代
(5)通用选择器： * 针对所有标签元素
(6)伪类选择符：兼容所有浏览器，最常用的为：a:hover{}为 a 标签鼠标滑过的状态设置样式
(7)分组选择符：, 想为html中多个标签元素设置同一个样式 eg: h1,span{color:red;}
扫一扫
318
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
