一,css样式单的基本使用
1.链接外部样式文件
例如:使用link来链接到外部文档。
2.导入外部样式文件:这个方法一般不常用,这里就不过多阐述。
3.使用内部样式定义:例如 图片灰色所示为内部样式。
4.使用行内样式:如图片所示
上面用代码的形式解释了样单式的写法。
二. css选择器、
这里主要写一些主要常用的,有一些为html5新增的在这里就不再介绍了/
1.元素选择器
语法格式为:E{…}“E代表为有效的html元素名”
例如
用通配符来匹配所有元素:
*{
border:1px black solid;
padding:4px;
}
2.id选择器
语法格式为#idvalue{…}
例如
#xx{
border:1px black solid;
padding:4px;
}
xx为某个标签元素的id,直接使用#来调用就行。
3.class选择器
语法格式为[#].classvalue{…}(E可以省略)
例如
.myclass{
border:1px black solid;
padding:4px;
}
4.包含选择器
语法格式为select1 select2{…}其中select1和select2都为有效的选择器 例如
div a{
border:1px black solid;
padding:4px;
}
5.子选择器
子选择器用于指定目标选择器必须是某个选择器对应的元素的子元素语法为
select1>select2{…}
例如
div>.a {
border:1px black solid;
padding:4px;
}
a为div的字元素/
6.选择器组合
如果想让一份css样式对多个选择器起作用,那就可以利用选择器组合来实现。
语法格式为,select1,select2,select3…{…}其中select1,select2,select3都为有效的选择器
例如
div,a,#abc{
border:1px black solid;
padding:4px;
}
以上几个是常用的选择器和基本使用样式。