CSS(一）sytle

一：CSS语法组成：
  选择符 和声明（声明和声明之间用分号隔开）
  声明部分：属性和属性值（用冒号链接)
  语法：选择符{
   属性1：属性值；
   属性2：属性值；
  }

所有的CSS语句都要放到样式表了里面

二：CSS新建格式

 

1.内部样式表（最好放在HEAD描述去内）
 2.外部样式表
  导入外部样式表
    a:<link >
     rel="stylesheet"(建立关联性)
     href="url"
      type="text/css"
    b:<style>
     @import url();
    </style>

  link和@import区别
   1）.本质区别：link属性是html语言，@import是css提供的方法
   2）.加载顺序：link导入的css是和结构同时加载。@import是等结构加载完成之后再加载css
   3）.兼容：link无兼容问题。@import IE低版本不能识别
   4）.js 控制DOM样式的差别。

  3.内联样式表 只作用于当前元素上

样式表的权重：

　　内联样式表>内部样式表和外部样式表和书写顺序有关，写在后面的会把前面的覆盖掉

　　注：覆盖只是相同属性，不同属性不覆盖

4.css重叠性：

　　html结构为:div

　　当前页面的样式

　　　　<style>

　　　　　　div{

　　　　　　　　width:600px;

　　　　　　　　border:10px solid red;

 

　　　　</style>

　　　　<link rel="stylesheet" href="style.css">

　　　　<div style="border:10px solid yellow;"</div>

　　　　提示：style.css里面样式为：div{height:300px;width:100px;background:pink}

　　　　问：当前div在浏览器中解析出来的样式

　　　　　　div{

　　　　　　　　border:10px solid yellow;

　　　　　　　　width:100px;

　　　　　　　　height:300px;

　　　　　　　　background:pink

　　　　}

转载于:https://www.cnblogs.com/yueyuez/p/10679643.html