体验css05

《快速输入代码方式》

主要是通过一个插件 最初叫做zencoding后期被所有的文本编辑器继承到自己的软件中了。这个快速输入代码的小工具最大的特点就是 直接书写一个标签 div通过tab可以生成一对标签。

生成标签规则：

大于号表示包含，加号表示并列，包含的内容或文本可以用大括号括起来。

生成带有类的标签通过.带有id的通过井号；

这个小工具能生成html和css但是js是不行的。

【滑动门】

《用途》

滑动门主要就是为了制作圆角矩形的一种技术。另外一个目的就是为了能够制作出宽度可以随着内容自适应的圆角矩形。

滑动门技术核心主要是利用了浮动原理。在实际工作中滑动门会遇到固定宽度和自动宽度两种类型实际上固定宽度的时候要更多一些。

制作滑动门的时候就是将一个大盒子分成三份左中右，左右分别是固定尺寸的圆角矩形。中间是承载内容的div容器。全都浮动即可。

【CSS精灵】

简介：css精灵在企业中一共有三种称呼，分别是CSS雪碧，CSS图像整合技术。这种技术的核心思想是将多个小图片合成一张大图片从而降低所有图片的整体质量，加快传输速度。减少对服务器的请求数量。总之一句话就是为了让网页速度更快。

Css精灵图片使用的背景定位属性；

Background-position：水平 垂直；这个属性可以单独的设置背景图的定位坐标。

《行内元素的垂直间距》

行内元素的本质是一个文字，它垂直的位置只受行高影响，padding和margin都不能改变他的垂直位置。 但是水平的没有问题。

【css的三种书写方式】

简介：css的三种书写方式指的是css代码可以书写在3种不同的地方。我们之前一直用的是内嵌式。除此之外还有链接式，和行内式。

《内嵌式》

内嵌式是将css代码写在html文件中的一对style标签内。

《链接式》

链接式是将css代码写在单独的一个css文件里面 然后在html文档中通过链接标签引入样式到网页当中。 在实际制作企业站的过程当中链接式用的更多。

链接标签基本结构：

链接三属性的作用分别表示：

Type 表示要链接的对象的格式。

Rel 表示要链接对象和当前文档的关系。

Href 表示要链接对象的具体相对路径。

《行内式》

书写方式：行内式是将css书写在标签的style属性里面，相当于直接在标签身上写样式权重最大。 也是最不推荐使用的一种因为css分散以后后期的维护会变得非常麻烦。

书写方式之间的权重关系；

行内式>内嵌式>链接式，（选择器之间的权重只有在同一种书写方式的前提下才有可比性）

【站点】

《站点文件夹基本结构》

第一：站点文件夹的总名字可以是汉字，但是内部的文件不允许有中文，除非不使用。

第二：站点文件夹内部包括基本的三个结构分别是css文件夹，images文件夹和index.html首页文件。

其他：站点实际上就是一个文件夹只不过需要你让dw认识他，导入dw。注意站点定义完了以后不要随意移动文件夹否则dw中的关联会发生丢失。（如果你实在要移动需要重新定义一下站点）

【CSS的三步准备工作】

真正写站的时候css样式都会书写三步准备工作分别是

1. 清空所有标签的默认间距，分为统配清和单独清两种。

2. 给网站书写正文的默认样式。 就是给body添加文字控制三属性。

3. 书写超链接的默认样式。分为默认和hover；要实际根据网站观察得出。