css

css

选择器

标签选择器

p{
    color: red;
    font-size: 20px;
}
span{
    color: yellow;
}id　

id选择器

 #box{
      background:green;
 }

类选择器

.big{
     font-size: 40px;
 }

高级选择器

后代选择器,使用空格表示后代选择器.
子代选择器,使用>表示子代选择器。

行内元素和块级元素的区别：

行内元素：

• 与其他行内元素并排；
• 不能设置宽、高。默认的宽度，就是文字的宽度。

块级元素：

• 霸占一行，不能与其他任何元素并列；
• 能接受宽、高。如果不设置宽度，那么宽度将默认变为父亲的100%。

块级元素和行内元素的分类：

在以前的HTML知识中，我们已经将标签分过类，当时分为了：文本级、容器级。

从HTML的角度来讲，标签分为：

• 文本级标签：p、span、a、b、i、u、em。
• 容器级标签：div、h系列、li、dt、dd。

浮动

要浮动一起浮动,有浮动清浮动

清除浮动的方法

1. 给父盒子设置高度
2. clear:both
3. 伪元素清除法
4. overflow：hidden

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility: hidden; 
}

 文本首行缩进

text-indent 属性规定元素首行缩进的距离，单位建议使用em

字体

font属性能够将font-size、line-height、font-family合三为一： font:12px/30px "Times New Roman","Microsoft YaHei","SimSun";

背景

background:  red  url('./images/banner.jpg')  no-repeat   center top;

a链接指针

cursor: pointer;