CSS(层叠样式表概述)

1、CSS(层叠样式表):用于布局美化页面,允许网页设计者定义网页元素样式,包括了字体,颜色,背景,图片大小以及其他高级样式等等。

2、CSS不需要编译,直接由浏览器执行(属于浏览器解释型语言)。

3、CSS语法:样式规则由选择器格式声明语句组成

4、选择器通常是你需要改变样式的HTML元素

5、格式声明语句放在 { } 

6、每一条格式声明语句由 "属性名:属性值;" 组合

7、写法

<style type="text/css">

  h1{

    text-align:center;

   }

</style>

或者

<h1 style="text-align:center;">hello world</h1>

再或者引入外部文件

<link rel=“stylesheet” type=“text/css” href=“./mystyle.css">

8、注释写法  /*   css注释    */

9、HTML引入css的三种方法:行内样式(内联样式)、行外样式(内部样式)、外部样式;

10、CSS选择器:

标签选择器(元素选择器):该选择器使用元素标签,例如: h1{text-align:center;},p{text-align:center;}

类选择器(class属性值):该选择器使用class属性值,例如:<h1 calss="title" > hello world</h1> 则 .title {text-align:center;}

id选择器(id属性值):该选择器使用id属性值,例如:<h1 id="title">hello world </h1> 则 #title{text-align:center;}

通配符选择器:该选择器作用所有元素,例如 *{font-size:14px;color:#888}

组合选择器:

  多元素选择器(多个元素使用同一样式,例如:p,h1,h2{text-align:center;});

  后代元素选择器(匹配某个元素的下一级元素,匹配A元素下的B元素,真正作用样式的是B元素,例如 #title p{ font-size:14px},作用在p元素);

  子元素选择器(匹配某个元素下的子元素,例如div>p{font-size:14px} ,样式作用在所有p元素)

原文地址:https://www.cnblogs.com/chenwenjia/p/14270754.html