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