css学习教程

其实去年的时候，我就有过接触css了都是跟着一些网页教程学做的无非是用来控制一下link,vlink之类的那个时候觉得css好像也不过如此，对于层什么那个时候很不屑于顾，因为感觉层定位起来不如表格方便今年三月份的时候，正式应用css，才发现一些网站不用表格，仍然可以做到非常的好除此之外css还有着对于大流量网站的速度优势。下面是css学习教程 PDF对于网页设计师来说，css学习教程这应该是一本不可多得的好书！我之前算是一个刚刚入门的网页制作，看过这本书（其实还没有细细的全部看完），感觉自己有了巨大的突破，可以说是一次质的飞跃。极力推荐本书！

以下是一些css学习教程书上的常用的css代码，只要您能学会就相当的可以了。

   布局四属性

margin边界 border边框 padding填充 contet内容

margin：12px 设置每个边界距为12像素

margin-top：12px 设置顶边界距为12像素

maigin-bottom：12px 设置底边界距为12像素

maigin-left：12px 设置左边界距为12像素

maigin-right：12px 设置右边界距为12像素

padding：12px（也可以用百分比来）设置每个填充为12像素

padding-top：12px 设置上填充为12像素

padding-bottom：12px 设置下填充为12像素

padding-left：12px 设置左填充为12像素

padding-right：12px 设置右填充为12像素

1 .dreamweaver 如何使用代码插入背景音乐

bgsound src="" volume="" balance="" loop="">

src：音乐文件路径

volume：音量大小，介于10000-0之间，0为最大

balance：左右声道平衡，介于-10000到+10000之间，0为左右平衡

loop：播放次数，默认值为1

2.Dw代码中插入背景图片的代码是什么?

1、给整个网页加背景图片

2、给表格添加背景图片

3、给某个盒子或块添加背景

正文文字......

4、给表单或其它标签添加背景方法同上，另外用CSS和div修改背景图片较方便

三。给表格边框宽度，边框颜色和风格

边框宽度

boderwidth ：thin稀薄medium默认设置thick厚的

boderwidth ：12px。12em。

boder-left-width:12px 左边框宽度为12px

boder-right-width:12px 右边框宽度为12px

boder-top-width:12px 顶边框宽度为12px

boder-bottom-width:12px 底边框宽度为12px

边框颜色

boder-color:red

边框风格

boder-style:

hidden隐藏

none无样式；

dotted点线；

dashed虚线；

solid实线；

double双线；

groove槽线；

ridge脊线；

inset内凹；

outset外凸。

四.背景附着

background-attachment：fixed背景固定。

background-attachment：scroll背景滚动。

background-attachment：inherit继承父值。

fixed背景固定。

scroll背景滚动。

inherit继承父值。

五.背景位置和重复

背景位置：

background-position： 即100xp，100xp。

background-position：top顶端。

background-position：lelf左边。

background-position：center居中。

background-position：bottom底端。

background-position：right右边。

背景重复：

background-repeat：repeat 重复

background-repeat：repeat-y y轴重复

background-repeat：repeat-x x轴重复

background-repeat：no-repeat不重复

background-repeat：inherit继承父值

六.控制字体风格是不是斜体

font-style：

oblique有斜体。

italic有斜体。

normal没有斜体。

七.控制字体大小

font-size：

12px，12pt，50%。

normal正常的。

larger更大。

medium大小的中间值。

smaller更小。

八.控制行与行的间距

lime-height：

12px，12pt，2em。

九.控制字体属性

font-family：

times。

georgia。

arial，vordana，sans-serif。《一起输入》

time new roman，serif。

十.字体变量属性

font-variant 可以用来小写变大写

font-variant:normal

font-variant:small-caps变大写

十一.文本缩进

通过text-indent属性可以在css中每个段落的首行缩进

text-indent： 根据具体数值对段落首行缩进。比如24px。

text-indent： 根据百分比缩进。比如10%。

十二。文本对齐属性

text-align：left 文本左对齐

text-align：right 文本右对齐

text-align：center 文本居中对齐

text-align：justify文本两端对齐

十三。文本装饰

text-decoration：none 无装饰

text-decoration：underline下划线

text-decoration：overline上划线

text-decoration：line-through删除线

十四。文本变形

text-transform：none 不变

text-transform：capitalize首字母大写

text-transform：uppercase全部字母大写

text-transform：lowercase全部字母小写

十五。链接一

：link  a link：{...}设置未访问的链接属性

：visited  a visited：{...}设置访问过的链接属性

：active  a active：{...}设置点击与释放之间时

：hover  a hover：{...}鼠标悬停时

链接二属性  color链接颜色  background-color链接背景色

：link  a link：{color:red;background-color：}

：visited  a visited：{color:red;background-color：}

：active  a active：{color:red;background-color：}

：hover  a hover：{color:red;background-color：}