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导入的csshtml同时加载结构

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

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

4,兼容性区别:

IE低版本不能识别@import

内联样式表:

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

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

样式表的权重关系:

内联样式表权重最高

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

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

右侧打赏一下 代码改变世界一块二块也是爱
原文地址:https://www.cnblogs.com/ht955/p/13758913.html