css基础

Css基础

css作用：渲染页面

Css全称：cascading style sheet

汉译：层叠样式表

为什么用css？

Css弥补了html的语言不足

Css具有更多的渲染功能

方便维护（html专门搭建结构css专门渲染样式）

Css语法：

Css语句包括：选择符和声明

声明又包括属性和属性值

语法说明：

选择符{属性：属性值；}

A，css声明必须放在花括号里面

B，属性和属性值用冒号连接

C，每一个声明的结尾用分号来做

D，如果一个属性有多个属性值的时候，属性值与属性值之间用空格隔开

E，选择符就是一个标签的名称

注：所有的css代码必须放在css、样式表里面

<style</style>

Css注释/* */

Css样式表

内部样式表

外部样式表

内联样式表

内部创建方法：

使用<style</style>尽量把内部样式表放在head描述区里面

外部样式表创建方法：

只需要建立一个后缀名为.css的文件夹即可

外部样式表的导入方法：

第一种：<link rel=”stylesheet” href=”css文件的路径”></link> rel=”stylesheet”建立关联性

第二种：<style>

@importurl(“路径”)

</style>

扩展：

比较link与@import区别

1，本质区别：

Link属于html语言

@import属于css、提供的方法

2，加载顺序：

Link导入的css和html同时加载结构

@import等待html结构加载完毕再加载css

3，javascript操作dom的区别 @import 不能做一些dom动态操作

4，兼容性区别：

IE低版本不能识别@import

内联样式表：

创建方法：用style属性创建内联

<标签 style=”css语句”></标签>

样式表的权重关系：

内联样式表权重最高

内部样式表和外部样式表权重关系和书写顺序有关（后写的优先执行，后写的会把前些的覆盖掉）覆盖的只是相同属性，不同的属性会执行

产生权重关系，必然会体现css的层叠性