关于CSS的写法，怎样来写的？

这是我以前学习时候的笔记部分，分享给你

永吉ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18980820575（备注：SSL证书合作）期待与您的合作！

（1）内部样式表（嵌套到页面中）

内部样式表，写在head/head标签中

style type="text/css"

div{

width :600px;

height:300px;

background:orange;

}

/style

（2）内联样式（行间样式，行内样式，嵌入式样式）==很少使用

标签 style="属性:属性值; 属性:属性值;"/标签

例如：div style="width: 100px;height: 200px;background: orange;"/div

（3）引用外部样式表文件

1）link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" /

rel="stylesheet"作用：建立关联性

type定义某种类型(H5中type可省略)

href导入css文件路径

注：一个HTML文件可以导入多个CSS外部样式表

2）@import url(CSS文件路径以及文件全称);

link和import导入外部样式的区别：

差别1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。

差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁）。

差别3：兼容性的差别：@import是CSS2.1提出的，所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。

差别4：使用dom(document object model文档对象模型 )控制样式时的差别：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的.

这是一种CSS提供的外部引入方式，低版本浏览器不支持。

（4）对比：

1权重关系：

内联样式表的优先级(权重)最高

内部样式表和外部样式表的权重和书写先后顺序有关(哪个放在下面哪个的权重比较高)

注：权重高属性的会覆盖权重低的属性

覆盖的只是相同的属性，不同的属性会继续执行（即CSS的层叠性）

2作用域：

内联作用域是最小的：只针对于当前的标签

CSS样式表怎么做

在网页中使用CSS：

一、内部规则 - 直接写在网页文件内部的样式

1.将以下代码插入在HEAD与/HEAD之间可设定此页的默认的样式

style type="text/css"

!--

body{color=red;font-size=9pt}

--

/style

2.在HTML行中加入样式规则

如：

P STYLE="background: yellow; font-family: courier"Amaze your friends!/P

二、外部规则 - 独立的样式表文件

1.链接样式表文件

方法：在HEAD内使用LINK标签：

如：LINK REL=stylesheet HREF="mystyles.css" TYPE="text/css"

并建立一个文本文件，起名mystyles.css (和上面对应)。文件内容如：

H1 { color: green; font-family: impact }

P { background: yellow; font-family: courier }

2.输入样式表文件(返回)

方法：在HEAD内插入列代码：

STYLE TYPE="text/css"

!--

@import url(company.css);

H1 { color: orange; font-family: impact }

--

/STYLE

并建立一个文本文件，起名company.css (和上面对应)。文件内容如：

H1 { color: green; font-family: impact }

P { background: yellow; font-family: courier }

可见该种方法的好处是可与网页的内部样式共存。

怎样创建css样式表？

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML

（标准通用标记语言的一个子集）等文件样式的计算机语言。

有三种方法可以在站点网页上使用样式表：

外联式Linking（也叫外部样式）：将网页链接到外部样式表。

嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。

内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。

在Dreamweaver 8中，可以在开始弹出框中点击新建CSS文件。也可以在最上面的菜单栏里占击

文件，新建。在弹出框中选择CSS文件就可以了。

CSS样式表的作用及特点

CSS可以很方便的用来控制网页的外观。主要有以下特点：

1.可以同时更新多个网页的样式。

2.使网页的表示层与结构层彻底分离

3.大大减小了网页文件的大下

4.加快了网页的加载速度

现在用CSS来布局网页已经是一种潮流，如果要向网页设计方面发展，必须精通CSS。

CSS 样式表有哪几种

css是英文Cascading Style Sheets的缩写。它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

它包含3种类型，内部样式，行内样式和外部样式表三种

作用的效果是按顺序从下到上，相同样式下面的会覆盖原有样式，除特殊情况外，一般都是行内样式内部样式外部样式。

以div为例

行内样式写法：

在style里面写样式

div style="height:30px; background:#f00;"/div

内部样式：

在head标签内加入style标签，在标签内写样式：

style

div{height:30px; background:#f00;}

/style

外部样式是建立一个新文件后缀名为.css

举个例子：

建立style.css文件放在项目根目录下：

在里面写入

div{height:30px; background:#f00;}

然后保存，在html的head标签内调用样式

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

css样式表

没有做基本的格式化,

需要为加上

.list{margin:0;padding:0;}

或者在css最前面加上，格式化样式。可以搜下css reset

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}

本文名称：css动画样式表,css中动画属性
分享链接：http://kswjz.com/article/dsgeece.html