欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

一:CSS的描述

1、CSS通常称为CSS样式或层叠样式表,主要用于设置HTML页面中的文本内容(字体、大小、 对其方式等)

2、图片的外形(高宽、边框样式、边距等)以及版面的布局等外观显示样式

3、CSS可以是HTML页面更好看,CSS色系的搭配可以让用户更舒服

4、CSS+DIV布局更佳灵活,更 容易绘制出用户需要的结构

二:CSS样式使用规则

1、使用HTML时,需要遵从一定的规范,CSS也是如此有一定规范

CSS样式使用规则与描述

 

2、语法解释

"选择器"用于指定CSS样式作用的HTML对象

括号内是对该对象设 置的具体样式

属性和属性值以键值对方式呈现,英文冒号":"分隔

多个属性之间使用英文 分号";"

CSS样式使用规则与描述

 

三:CSS样式特点

1、"选择器"严格区分大小写

2、"属性"和"属性值”不区分大小写

3、多个属性之间使用英文的分号隔开,最后一个属性的分号可以省略(建议写上便于阅读)

4、为了提高CSS样式阅读加上注释与CSS样式的缩近排版

CSS样式使用规则与描述

 

四:CSS样式引入

1、CSS使用非常灵活,可嵌入在HTML中

2、也可是一个单独的文件,如果是单独的文件, 必须.css为扩展名

五:种常用方式

1、行内样式

1、行内样式,是通过标签的style属性来设置元素的样式

2、行内样式通过标签的属性来控制样式,没有做到结构与表现(HTML结构、CSS显示 )分离(少使用)

CSS样式使用规则与描述

 

2、内部样式(内嵌式)

1、CSS代码集中卸载HTML文档的<head>标签体中,并且使用 <style>定义给当前html多个标签设置样式

CSS样式使用规则与描述

 

2、内嵌式CSS样式只对所在的HTML页面有效,设计一个网页使用时不错的选择,但是设计一个网站就不合适了,因为不能同时充分的发挥CSS代码的重用型。

3、外部样式

1、外部样式又称为链入式

2、将所有的样式放在一个或多的外部样式表文件中

3、通过<link>标签将样式连接到HTML档中

CSS样式使用规则与描述

 

4、优先级

1、行内样式>内部样式(内嵌式)>外部样式

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j59235.shtml