首先认识了一下为什么叫做CSS,原来是英文cascading style sheets的缩写。中文叫做层叠样式表。现在的最新版本的CSS好像是CSS3.0。
一、对于CSS,设置样式,具体设置的东西应该就是字的大小、颜色等。
1. CSS是给HTML设置样式,所以设置颜色当然是必不可少的了。
我现在知道的设置样式的方法是在<style> </style>中color:red,green,blue,grey,yellow等,还可以用rgb,rgba,以及16进制。
2.字体大小:font-size:40px;
3.加粗:font-weight:bold;
4.斜体:font-style:italic;
5.下划线:text-decoration:underline/none;
二、如何选中我们所要的选择的标签,我们可以用标签选择器、类选择器、ID选择器等。
1.标签选择器。比如:
<style type = " text/css">
p{
color:red;
}
</style>
可以用标签选择器去除一些没用的东西。比如说去除margin.
2.类选择器。英文名字就是class。比如:
.class{
color:red;
}
<1 一个标签里面可以有好几个类,但是不是定 义好几个class,而是在一个class里面定义好多个类名字,中间用空号隔开。
<p class = "class1 class2 class3"></p>而不是<p class = "class1" class = "class2" class = "class3"></p>.
<2 一般来说,我们设置个性,一般都是用类选择器,而不会用ID选择器。因为你如果设置好了一个.class,加到某个标签上只需要在标签上加上这个类。
3.ID选择器。
#ID{
color:red;
}
每一个标签都可以有自己的一个ID,ID的名字可以任取,but
<1 标签只能由字母,数字,下划线组成。
<2必须以字母开头
<3不能和标签名相同,比如 html body p h1等
<4ID的名字严格区分大小写
<5ID不能重复
三、组合选择器。
1.后代选择器
div div div p{
}
2.组合选择器
div#a123{
}
3.并集选择器
p,body{
margin:0;
}
4.通用选择器
*{
}