css基础

css知识点：
　　1.内嵌：他是内嵌在标签中
　　注意不建议使用（因为他的级别最高）
　　2.内联：他是写在head标签里面
　　3.外部应用css文件（他也是在head标签里）
　　写法link标签里

选择器：
　　1.标签选择器 span{}
　　2.id选择器 #id{}
　　3.class选择器 .class{}
　　4.复合选择器
　　　　并列  #id,#id
　　　　后代选择器 #id .class
　　　　筛选 class
　　　　属性 input[属性="值"]
　　　　通用样式：*{ margin：0px}
　　优先级：内联样式
　　　　id选择器
　　　　class选择器
　　　　标签选择器选择器
　　　　通用格式

伪类：
　　a:link {color:#FF0000;} /* 未访问的链接 */
　　a:visited {color:#00FF00;} /* 已访问的链接 */
　　a:hover {color:#FF00FF;} /* 鼠标划过链接 */
　　a:active {color:#0000FF;} /* 已选中的链接 */

 

字体常用样式

  .demo4{
            font-size: 20px;/*字号*/
            font-family: "楷体";/*字体*/
            background: skyblue;/*背景色*/
            font-weight: bold;/*宽度*/
            font-style:italic; /*倾斜 */
            text-decoration: underline;/*下划线*/
            text-transform: capitalize;/*英文字母的大小写转化*/
            text-indent: 2em; /*首行缩进*/
            text-align: center;/*显示位置*/
            line-height:120px;/*行高度*/
        } 

　　

 

 

常用属性：

　　

 　　!important：用于同级别的最高设置的属性 height：2px !inportant；

　　border-radius：圆角。

　　cursor：鼠标获取焦点是的样式。

　　list-style-type: none; 取消列表黑点。

 

注意：给div设置浮动时父级div不能自适应高度！！