2022年网站建设培训教程新手入门到精通 .pdf

上传人:Q****o 文档编号:30529928 上传时间:2022-08-06 格式:PDF 页数:21 大小:199.81KB
返回 下载 相关 举报
2022年网站建设培训教程新手入门到精通 .pdf_第1页
第1页 / 共21页
2022年网站建设培训教程新手入门到精通 .pdf_第2页
第2页 / 共21页
点击查看更多>>
资源描述

《2022年网站建设培训教程新手入门到精通 .pdf》由会员分享,可在线阅读,更多相关《2022年网站建设培训教程新手入门到精通 .pdf(21页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、启搏人网站建设基础教程http:/ 共 20 页第 1 页友情提醒:如果你还不熟悉网站建设、美工设计、内容优化、网站推广的流程,你可以选择发布悬赏任务,欢迎点此进入 发布任务获得网络高手的全力协助。网站建设培训教程CSS 从入门到精通第一章CSS 简介 . 3第一节:什么是CSS? . 3什么是 CSS. 3参见 . 3第二节:使用CSS 的优势 . 3第二章CSS 入门例子 . 4示例 . 4第三章CSS 语法 . 4第一节:外部引用CSS . 4使用link 标签引用CSS . 4使用import 引用 CSS . 5第二节:内部引用CSS . 5第三节:内联引用CSS . 6第四节: C

2、SS 选择符- CSS 的名字 . 6选择符语法 . 6选择符取名规则. 7常用的三种选择符. 7选择符用法总结. 7第五节: CSS 声明 . 8语法 . 8介绍两个常用的技巧. 8第六节: CSS 注释 . 9语法 . 9示例 . 9第四章CSS 颜色 . 10CSS 颜色表示方法 . 10注意 : . 10第五章CSS 背景 . 10第一节: CSS background-color 属性 . 11background-color - 背景色 ,定义背景的颜色. 11示例 . 11第二节: CSS background-image 属性 . 11background-image - 定义

3、背景图片 . 11名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 2 页示例 . 11第三节: CSS background-repeat 属性 . 12background-repeat - 定义背景图片的重复方式 . 12示例 . 12第四节: CSS background-position 属性 . 12background-position - 定义背景图片的位置 .

4、 12示例 . 13第五节 : CSS background-attachment 属性 . 13background-attachment - 定义背景图片随滚动轴的移动方式. 13示例 . 13第六节: CSS background 属性 . 14background - 五个背景属性可以全部在此定义 . 14示例 . 14第六章CSS 文本 . 15第一节 : CSS text-decoration 属性 . 15text-decoration - 定义文本是否有划线以及划线的方式 . 15示例 . 15第二节 : CSS white-space 属性 . 16white-space -

5、 通过 HTML 文档的源代码的排版方式控制页面显示文本的排版方式. 16示例 . 16第七章CSS 字体 . 17第八章CSS 边框 . 17第九章CSS 边外补白 . 17第一节 : CSS margin 属性 . 17margin-top - 定义上边外补白 . 18margin-right - 定义右边外补白. 18margin-bottom - 定义下边外补白 . 18margin-left - 定义左边外补白 . 18第十章CSS 边内补白 . 18padding - 定义边内补白 . 18padding-top - 定义上边内补白. 19padding-bottom - 定义下边

6、内补白. 19padding-left - 定义左边内补白. 19padding-right - 定义右边内补白 . 19第十一章CSS 属性索引 . 19第一节: CSS2.1 属性按功能索引. 19CSS 盒模式 . 19CSS 视觉格式模型 . 20CSS 视觉效果 . 20CSS 列表 . 20CSS 背景 . 21CSS 字体 . 21CSS 文本 . 21名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页,共 21 页 - - - - - - - - - 启搏人网站建

7、设基础教程http:/ 共 20 页第 3 页CSS 颜色 . 21第一章CSS 简介第一节:什么是CSS? 什么是 CSSCSS 是 Cascading Style Sheets(层叠样式表 )的简称 . CSS 语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言). 在标准网页设计中CSS 负责网页内容(XHTML) 的表现 . CSS 文件也可以说是一个文本文件,它包含了一些CSS 标记 ,CSS 文件必须使用css为文件名后缀 . 可以通过简单的更改CSS 文件 ,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课. CSS 是由

8、 W3C 的 CSS 工作组产生和维护的. 参见W3C 的 CSS主页 http:/www.w3.org/Style/CSS/在 w3c网站上校验 CSS的正确性 http:/jigsaw.w3.org/css-validator/第二节:使用CSS 的优势内容与表现分离,有了 CSS,网页的内容 (XHMTL) 与表现就可以分开了. 使用 CSS 可以减少网页的代码量,增加网页的浏览速度名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页,共 21 页 - - - - - - -

9、 - - 启搏人网站建设基础教程http:/ 共 20 页第 4 页第二章CSS 入门例子示例定义文字的颜色 p color:red; p1 color:blue; color 就代表颜色 ,我们使用红色red 为文字颜色 . 你可以修改代码使用blue 蓝色 , yellow 黄色等 .学习文字的颜色 这段代码显示的结果如下:第三章CSS 语法CSS 语法非常简单,组成 CSS 语法的元素只有CSS 选择符 与 CSS 属性 .每个 CSS 选择符由 1 个或多个CSS 属性组成 . CSS 是大小写敏感的,在 CSS 语法中推荐使用小写. 第一节:外部引用CSS CSS 外部引用使用了外接

10、的CSS文件 , 一般的浏览器都带有缓存功能, 所以用户不用每次都下载此CSS文件 . 外部引用 CSS是最好的引入CSS的方式 (可以使代码量最小,表现最统一 , 也是标准网页设计推荐的). 使用link 标签引用 CSS 示例 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 5 页 href - 指定需要加载的资源(CSS 文件 )的地址 URI rel - 指定链接类型

11、type - 包含内容的类型,一般使用 type=text/css 使用import 引用 CSS 示例 import url(http:/ 相对路径与绝对路径加载文件的时候可以使用相对路径或者绝对路径. 绝对路径 :文件的完整路径,主页上的文件或目录在硬盘上真正的路径. http:/ 是 绝 对 路 径 ,/html/default.html也 是 绝 对 路径,C:winntsystem.sys 也是绝对路径相对路径 :相对于我们查看文档的路径. ./default.html 或者 default.html 或者 ././default.html 都是相对路径小结外部引用 CSS 中 li

12、nk 与import 的区别差别 1:老祖宗的差别。link 属于 XHTML标签,而 import 完全是 CSS 提供的一种方式。link 标签除了可以加载CSS 外,还可以做很多其它的事情,比如定义RSS,定义 rel 连接属性等, import 就只能加载CSS 了。差别2:加载顺序的差别。当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的 CSS 会同时被加载,而import 引用的 CSS 会等到页面全部被下载完再被加载。所以有时候浏览 import 加载 CSS 的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显。差别 3:兼容性的差别。由于import是 C

13、SS2.1 提出的所以老的浏览器不支持,import只有在 IE5 以上的才能识别,而link 标签无此问题。差别 4:使用 dom 控制样式时的差别。当使用 javascript 控制 dom 去改变样式的时候,只能使用 link 标签,因为 import 不是 dom 可以控制的。第二节:内部引用CSS 示例 /* - 文字样式开始- */ /* 梦之都白色12 象素文字*/ 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页,共 21 页 - - - - - - - - -

14、 启搏人网站建设基础教程http:/ 共 20 页第 6 页.dreamduwhite12px color:white; font-size:12px; /* 梦之都黑色16 象素文字*/ .dreamdublack16px color:black; font-size:16px; /* - 文字样式结束- */ 注意 :style 标签应该在head 标签内部 . 第三节:内联引用CSS 内联引用可以把 CSS 样式直接作用在XHTML标签 中. 示例 使用 CSS 内联引用表现段落. 第四节: CSS 选择符- CSS 的名字CSS 选择符就是CSS 样式的名字 ,当在 XHTML文档中表

15、现一个CSS 样式的时候 ,就要用到一个 CSS.怎么用呢 ?这时就通过CSS 选择符 (CSS 的名字 )来指定此 XHTML标签使用此CSS样式 . 选择符语法选择符名字 声明 ; 一个 CSS 选择符就定义了一个样式比如下面这三个例子pfont-size:12px; .dreamdubluecolor:blue; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 7 页#

16、dreamduredcolor:red; dreamdublue 和 dreamdured 都是 CSS 的选择符 ,也就是 CSS 的名字 . 选择符取名规则CSS 选择符可以使用英文字母的大写与小写,数字 ,连字号 ,下划线 ,冒号 ,句号 . 英文字母大写与小写A-Z a-z 数字0-9 连字号- 下划线_ 冒号 句号. 提示 : CSS选择符只能以字母开头. 常用的三种选择符(我感觉这是初级教程中最难的地方:) xhtml标签选择符,比如p 标签选择符( 代表所有的段落都使用这个CSS 样式 ),比如pfont-size:12px; id 选择符 ,唯一性选择符,比如#dreamdur

17、edcolor:red;, 就是在名字前增加了一个#,id 选择符在一个页面中只能出现一次,在整个网站中也最好出现一次(这样有利于程序员控制此元素,有多个一样名称的元素,就无法分开不好控制了). class 选择符 ,多重选择符 ,比如 .dreamdubluecolor:blue;, 就是在名字前增加了一个.,class 选择符在一个页面中可以出现多次(注意下面的示例中class选择符的用法 ). 示例梦之都 xhtml 标签选择符 梦之都 id 选择符 梦之都 class 选择符 梦之都 class选择符 2,出现了多次 . 一个 p 元素使用了两个class 选择符 ,他们之间用空格分开

18、,而且 class选择符可以在一个页面出现多次 . 选择符用法总结名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 8 页id 与 class 选择符在 CSS与 XHTML 中的用法总结CSS 中的写法XHTML 中的写法xhtml 标签选择符pfont-size:12px; id 选择符#id_selectorfont-size:12px; 梦之都 class选择符.cla

19、ss_selectorfont-size:12px; 梦之都 第五节: CSS 声明CSS 声明是由 属性 ,冒号 (:), 属性值 和分号 (;)组成的 . 语法属性 :属性值 ; 示例font-size:12px; font-size 代表字体大小 . 12px 字体大小的值. 介绍两个常用的技巧1,选择符的名字一样,声明是可以组合的例如:选择符名字 声明 1;声明 2; div color:black; font-size:12px; 2,明全部一样 ,选择符的名字也可以组合例如:选择符名字1,选择符名字2,选择符名字3 声明 1;声明 2; .dreamdudivwhite12px,h

20、1,div color:white; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 9 页font-size:12px; h1, p, div border:1px solid black; 第六节: CSS 注释就像 HTML教程中描述的一样,在 CSS 文档中注释也起到很重要的作用,可以帮助我们记起CSS 的含义 ,加载在 HTML 文档的位置等 . CSS 注释的开始

21、使用/*,结束使用 */ 语法/* 注释内容*/ 示例/* - 文字样式开始- */ /* 梦之都白色12 象素文字*/ .dreamduwhite12px color:white; font-size:12px; /* 梦之都黑色16 象素文字*/ .dreamdublack16px color:black; font-size:16px; /* - 文字样式结束- */ 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页,共 21 页 - - - - - - - - - 启搏

22、人网站建设基础教程http:/ 共 20 页第 10 页第四章CSS 颜色CSS 颜色表示方法CSS 预定义颜色表示法(就是使用颜色的英文): color:red; color:green; color:blue; CSS RGB 颜色表示法 : color:rgb(255,0,0); color:rgb(0,255,0); color:rgb(0,0,255); CSS 16 进制颜色表示法: color:#ff0000; color:#00ff00; color:#1199ff; CSS 短 16 进制颜色表示法,属于 web safe colors(网络安全色 ): color:#f00

23、; color:#0f0; color:#00f; 短 16进制颜色表示法就是当16进制颜色表示法中的两个表示颜色值的数字一样的时候的简写 ,比如 color:#ff0000; 就可以简写为color:#f00; 注意 : 使用 16 进制表示颜色时,要使用 #标记#rgb 等价于 #rrggbb,例如 :#fb0 等价于 #ffbb00 第五章CSS 背景背景 (background),文字颜色可以使用color 属性 ,但是包含文字的p 段落 ,div 层,page 页面等的颜色与背景图片可以使用与background 等属性 . 通常使用background-color 定义背景颜色 ,

24、background-image 定义背景图片,background-repeat定义背景图片的重复方式,background-position 定义背景图片的位置,background-attachment 定义背景图片随滚动轴的移动方式. 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 11 页第一节: CSS background-color 属性background

25、-color - 背景色 ,定义背景的颜色取值 : | transparent | inherit : 颜色表示法transparent: 透明inherit: 继承初始值 : transparent 继承性 : 是适用于 : 所有元素background:背景 .color: 颜色 . 示例body background-color:green; 第二节: CSS background-image 属性background-image - 定义背景图片取值 : | none | inherit none: 无inherit: 继承初始值 : none 继承性 : 否适用于 : 所有元素bac

26、kground:背景 .image:图片 . 示例body background-image:url(html_table.png); p 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 12 页background-image:none; div background-image:url(list-orange.png); 第三节: CSS background-repe

27、at 属性background-repeat - 定义背景图片的重复方式取值 : repeat | repeat-x | repeat-y | no-repeat | inherit repeat:平铺整个页面, 左右与上下repeat-x:在 x 轴上平铺 , 左右repeat-y: 在 y 轴上平铺 , 上下no-repeat:图片不重复inherit:继承初始值 : repeat 继承性 : 否适用于 : 所有元素background: 背景 .repeat:重复 . 示例body background-image:url(list-orange.png); background-rep

28、eat:no-repeat; div background-image:url(list-orange.png); background-repeat:repeat-y; background-position:right; 第四节: CSS background-position 属性background-position - 定义背景图片的位置取值 : | | left | center | right | | top | 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页

29、,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 13 页center | bottom ? | left | center | right | top | center | bottom | inherit 水平left: 左 center: 中 right: 右垂直top: 上 center: 中 bottom: 下垂直与水平的组合x-% y-% x-pos y-pos示例body background-image:url(list-orange.png); background-repeat:no-repeat; p backgrou

30、nd-image:url(list-orange.png); background-position:right bottom ; background-repeat:no-repeat; div background-image:url(list-orange.png); background-position:50% 20% ; background-repeat:no-repeat; background-position属性是通过平面上的x 与 y 坐标定位的 ,所以通常取两个值. 第五节 : CSS background-attachment 属性background-attachm

31、ent - 定义背景图片随滚动轴的移动方式取值 : scroll | fixed | inherit scroll: 随着页面的滚动轴背景图片将移动fixed: 随着页面的滚动轴背景图片不会移动inherit: 继承示例body 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 14 页 background-image:url(list-orange.png); backg

32、round-attachment:fixed; background-repeat:repeat-x; background-position:center center; 第六节: CSS background 属性background - 五个背景属性可以全部在此定义取值: | | | | | inherit | | | | : 背景颜色 ,图像等的一个属性或多个属性inherit: 继承示例名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页,共 21 页 - - - -

33、- - - - - 启搏人网站建设基础教程http:/ 共 20 页第 15 页body background:url(list-orange.png) repeat-x center; 第六章CSS 文本CSS 文本属性用于定义文字 ,空格 ,单词 ,段落 的表现等 . 通常使用letter-spacing 属性控制字母之间的距离,word-spacing 属性控制文字间空格的距离 ,text-decoration属 性 定 义 文 本 是 否 有 下 划 线 ,text-transform属 性 控 制 英 文 的 大 小写,text-align 属性定义文本的对齐方式,text-inde

34、nt 属性定义文本首行的缩进,white-space 属性定义文本与文档源代码的关系. 第一节 : CSS text-decoration 属性text-decoration - 定义文本是否有划线以及划线的方式取值 :none | underline | overline | line-through | blink | inherit none: 定义正常显示的文本underline | overline | line-through | blink: 四个值中的一个或多个underline: 定义有下划线的文本overline: 定义有上划线的文本line-through:定义直线穿过文

35、本blink: 定义闪烁的文本示例p#underline text-decoration: underline; p#overline text-decoration: overline; p#line-through text-decoration: line-through;名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 16 页 p#blink text-decora

36、tion: blink; p#underover text-decoration: underline overline; p#underoverthroughblink text-decoration: underline overline line-through blink; 第二节 : CSS white-space 属性white-space - 通过 HTML文档的源代码的排版方式控制页面显示文本的排版方式取值 : normal | pre | nowrap | pre-wrap | pre-line | inherit normal: 正常无变化 (默认处理方式.文本自动处理换行

37、.假如抵达容器边界内容会转到下一行 ) pre: 保持 HTML 源代码的空格与换行,等同与 pre 标签nowrap: 强制文本在一行,除非遇到br 换行标签pre-wrap: 同 pre 属性 ,但是遇到超出容器范围的时候会自动换行pre-line: 同 pre 属性 ,但是遇到连续空格会被看作一个空格inherit: 继承示例p#pre white-space:pre; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页,共 21 页 - - - - - - - - -

38、启搏人网站建设基础教程http:/ 共 20 页第 17 页第七章CSS 字体CSS 字体属性用于 定义文字的字体,大小 ,粗细 的表现等 . 通 常 使 用font-family定 义 使 用 什 么 字 体 ,font-size定 义 字 体 大 小 ,font-style定义 斜 体字,font-variant 定义小型的大写字体,font-weight 定义字体的粗细,font 统一定义字体的所有属性. 第八章CSS 边框每个内容或元素外面都可以有一个边框. 边框分为 上边框 (top),下边框 (bottom),左边框 (left) ,右边框 (right) . 每种边框有 颜色 (

39、color),样式 (style),宽度 (width) 三种属性 . 如果上下左右的边框表现不一样,可以分别定义上下左右边框,如果一样可以统一使用border 属性定义 . 通常使用border-width 属性定义边框的宽度 ,border-color 属性定义边框的颜色 ,border-style 属性定义边框的 样式 ,border 属性统一定义边框样式的几个属性. 第九章CSS 边外补白边框的外面可以有一层边外补白 (margin), 边外补白可以把块级元素分开.边外补白定义了围绕某种元素(elements)的空白 . 可以查看盒模式,了解边外补白和边内补白. 边外补白分为上边外补白

40、(top),下边外补白 (bottom), 左边外补白 (left),右边外补白 (right). 边外补白只有宽度width 一种属性 . 第一节 : CSS margin 属性margin边外补白 可以取负值 ;边外补白是看不到的,因为它本身是白色的. 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 17 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 18 页margin-top - 定义上边外补白margin-righ

41、t - 定义右边外补白margin-bottom - 定义下边外补白margin-left - 定义左边外补白第十章CSS 边内补白边框的里面面可以有一层边内补白 (padding),边内补白定义了边框与边框里面内容的距离. 边内补白分为上边内补白(top),下边内补白 (bottom), 左边内补白 (left),右边内补白 (right). 边内补白只有width 一种属性 . padding - 定义边内补白padding 边内补白 不可以取负值;边内补白是看不到的,因为它本身是白色的. 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - -

42、 - - - 名师精心整理 - - - - - - - 第 18 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 19 页padding-top - 定义上边内补白padding-bottom - 定义下边内补白padding-left - 定义左边内补白padding-right - 定义右边内补白第十一章CSS 属性索引第一节: CSS2.1 属性按功能索引CSS 盒模式border-collapse border-color - 边框颜色border-spacing border-style - 边框样式border-top -

43、上边框border-right - 右边框border-bottom - 下边框border-left - 左边框border-top-color - 上边框颜色border-right-color - 右边框颜色border-bottom-color - 下边框颜色border-left-color - 左边框颜色border-top-style - 上边框样式border-right-style - 右边框样式border-bottom-style - 下边框样式border-left-style - 左边框样式border-top-width - 上边框宽度border-right-wi

44、dth - 右边框宽度border-bottom-width - 下边框宽度border-left-width - 左边框宽度border-width - 边框宽度border - 边框所有属性margin-right - 右边外补白宽度margin-left - 左边外补白宽度名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 19 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 20 页margin-top - 上边外补白宽度

45、margin-bottom - 下边外补白宽度margin - 边外补白padding-top - 上边内补白padding-right - 右边内补白padding-bottom - 下边内补白padding-left - 左边内补白padding - 边内补白CSS 视觉格式模型display - 显示方式position - 元素的定位bottom - 下偏移属性left - 左偏移属性right - 右偏移属性top - 上偏移属性float - 元素漂浮z-index - z 轴顺序direction unicode-bidi max-height - 最大高度max-width -

46、 最大宽度min-height - 最小高度min-width - 最小宽度height - 盒子高度width - 盒子宽度clear - 清除line-height - 一段文字中每行文字的间距vertical-align - 垂直对齐方式CSS 视觉效果clip - 了盒子可显示的区域overflow - 盒子中内容的显示方式visibility - 元素是否可见CSS 列表list-style-image - 列表图像list-style-position - 列表位置list-style-type - 列表类型名师资料总结 - - -精品资料欢迎下载 - - - - - - - -

47、- - - - - - - - - - 名师精心整理 - - - - - - - 第 20 页,共 21 页 - - - - - - - - - 启搏人网站建设基础教程http:/ 共 20 页第 21 页list-style - 列表所有属性CSS 背景background-attachment - 背景图片随滚动轴的移动方式background-color - 背景颜色background-image - 背景图像background-position - 背景图片的位置background-repeat - 背景图片的显示方式background - 背景CSS 字体font-famil

48、y - 字体font-size - 字体大小font-style - 字体样式font-variant - 小型的大写字母字体font-weight - 字体粗细font - 字体所有属性CSS 文本text-align - 文本对齐方式text-decoration - 文本是否有划线以及划线的方式text-indent - 文本的首行缩进text-transform - 文本的大小写状态,此属性对中文无意义white-space - 文本的格式word-spacing - 以空格间隔文字的间距letter-spacing - 文本中字母的间距(中文为文字的间距) CSS 颜色color - 颜色名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 21 页,共 21 页 - - - - - - - - -

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 技术资料 > 技术总结

本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知淘文阁网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

工信部备案号:黑ICP备15003705号© 2020-2023 www.taowenge.com 淘文阁