引入CSS的方式有哪些

html-css032

引入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