引入CSS的方式有哪些

html-css031

引入CSS的方式有哪些,第1张

css主要有三种引用方法:

1,内部引用,在html文档中在<style>标签里面写的css样式

<style>

bdoy{font-size:14px}

</style>

2,外部引用,用<link>标签引用外部的css文件,将样式引用到html文档来。

<link rel="stylesheet" type="text/css" href="style.css">

3,在标签中使用,使用style属性将当前的标签样式改变。

<div style="color:red"></div>

一般css两种写法

.class{样式1:样式1样式2:样式2样式3:样式3样式4:样式4}

.class{样式1:样式1样式2:样式2样式3:样式3样式4:样式4}

另一种是

.class{样式1:样式1

样式2:样式2

样式3:样式3

样式4:样式4}

border、margin、padding这些可以缩写的标签尽量缩写。

第一种样式写出来样式表会比较小,基本没有多余代码,但是对于修改会比较麻烦一点,第二种方式有比较多的代码(回车和空格会影响文件大小,但是影响不大),但是修改起来比较方便,然而这样竖着写有时样式太多还是容易混乱。现在还没个标准,怎么写顺手就怎么写,简洁主要在布局和使用的样式减少,而不在写法,可以多定义些共用的样式,class="样式1 样式2"可以同时使用多个样式,这样可以节省css代码,而且更清晰

57自学网 里面有:DIV+CSS是WEB标准中一种新的布局方式,他正逐渐的代替传统的表格(table)布局。DIV+CSS模式具有比表格更大的优势,它结构与表现相分离,代码简洁,利于搜索,方便后期维护和修改。本课程主要讲解HTML和CSS的基础知识,详细并具体的方便初级用户入门,课程中还由浅入深的为大家现场讲解了CSs

?1.1 什么是CSS

1.2 课前准备

1.3 HTML&CSS

1.4 CSS规则解析

1.5 写1stCSS规则

1.6 嵌入式样式表

1.7 链接式样式表

1.8 引入式样式表

2.1 类别选择符 1

2.2 类别选择符 2

2.3 id选择符 1

2.4 id选择符 2

2.5 群选择符 1

2.6 群选择符 2

2.7 颜色 1

2.8 颜色 2

2.9 背景颜色

2.10 布局4属性

2.11 边框 1

2.12 边框 2

2.13 边界距

2.14 填充

2.15 背景图片 1

2.16 背景图片 2

2.17 背景重复 1