ul>(li>a[href="#"])*3
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
引入CSS的方式
所有的标签都有一个默认样式,我们称之为浏览器样式,或者默认样式
行内样式
行内样式,是通过在标签中设置style属性来达到实现控件标签的样式的效果,如:
<h1 style="color:red;font-size:12px;"></h1>
style属性中,可以设置多条的css样式
嵌入样式
在head标签中,嵌套一个style标签,在style标签中可以书写css的样式内容
style标签有一个属性type属性,默认值就是text/css,可以省略
<head>
<style type="text/css">
p {
color: green;/*设置前景色,就就是字体的颜色*/
background-color: silver;
}
ul {
background-color: red;
}
</style>
</head>
外联css样式
<link rel="stylesheet" href="css/main.css">
main.css
a {
color: yellow;
}
导入样式
@import,导入样式会导致,css文件不能并行下载,不推荐使用。
导入样式的书写必须在所有css规则书写之前
@import url(CSS/main.css);
css简单属性
width: 设置宽度,单位px像素
height: 高度
color: 前景色,也就是文字的颜色
background-color: 背景色
font-size: 字体的大小
css注释
css的注释语法 /*注释内容*/
注释不能嵌套
多行注释 :
/*
放多行的注释内容
放多行的注释内容
放多行的注释内容
*/
一般用于CSS模块的注释;文件头的注释
网友评论