border-style(css中border-style属性有什么作用)

1、首先使用茉蕊儿抵挡一轮命运之轮莫伊莱的所造成的伤害。

1、CSS是CascadingstyleSheets的简称，中文译作“层叠样式表单”，我把它叫作“层叠样式表”，我感到这样顺口一点，没别的意思。

2、实际上它是一组样式。

3、你可能对CSS这个名词比较陌生，实际上无论你用InternetExplorer还是NetscapeNavigator在网上冲浪，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。

4、不管你用什么工具软件制作网页，都有在有意无意地使用CSS。

5、用好CSS能使你的网页更加简炼，为什么同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB，CSS在其中的作用是不言而喻的。

6、我把我在使用CSS中的一些小经验以及一些网友来信提问的问题整理出来，供诸位参考。

7、CSS在网页制作中一般有三种方式的用法，那么具体在使用时该采用哪种用法？当有多个网页要用到的CSS，采用外连CSS文件的方式，这样网页的代码大大减少，修改起来非常方便。

8、只在单个网页中使用的CSS，采用文档头部方式。

9、只有在一个网页两个地方才用到的CSS，采用行内插入方式。

10、CSS的三种用法在一个网页中要以混用吗？三种用法可以混用，且不会造成混乱。

11、这就是它为什么称之为“层叠样式表”的原因，浏览器在显示网页时是这样处理的、先检查有没有行内插入式CSS，有就执行了，针对本句的其它CSS就不去管它了。

12、其次检查头部方式的CSS，有就执行了。

13、在前两者都没有的情况下再检查外连文件方式的CSS。

14、因此可看出，三种CSS的执行优先级是、行内插入式、头部方式、外连文件方式。

15、在Dreamweaver3中如何使外部文件式CSS？在Dreamweaver3中使用外连文件式CSS并没有特殊要求，同样是用记事本创建一个*.css文件，在网页的与之间加上一句这样的代码、就行了。

16、如何用Dreamweaver3快速创建CSS外连式文件？对于一个初接触CSS的网页设计人员来讲，要用记事之类的编辑器，去创建一个CSS外连式文件是相当困难的。

17、由于Dreamweaver3对CSS支持的很好，用它来帮助就轻松多了。

18、具体可以这样操作、1)先在纸上写好在网站的网页中可能要用到的格名称，然后在Dreamweaver3的编辑窗中调出CSS面板，一个一个地定义，并在一个空白页上适当地写一点相关内容，边定义边试用，效果不满意，立即修改。

19、2)全部定义好后，再用记事本创建一个空的CSS外连式文件，把在与之间的那段定义好的CSS复制到CSS文件中去，就大功告成了。

20、整个过程就是点鼠标，方便吧？在Dreamweaver3中采用行内插入式CSS要手动写代码吗？不用！先用CSS面板定义好要用的CSS，然后，在要插入CSS的标记插入、style=""，再把你刚才定义的CSS从后面拖到这个双引号中来，把花括号以外的部分删去就行了。

21、在方档头部方式和外连文件方式的CSS中都有“”，好象没什么用，不要可以吗？这一对东东的作用是为了不引起低版本浏览器的错误。

22、如果某个执行此页面的浏览器不支持CSS，它将忽略其中的内容。

23、虽然现在使用不支持CSS浏览器的人已很少了，由于互联网上几乎什么可能都会发生，所以还是留着为妙。

24、如何给一部分文字加背景色？给文字加上不同颜色，在DW3中只要在属性面板上选取文字的颜色就行了，非常方便，但要给部分文字加不同的背景色却没有相应的功能，我们可以先做一个定义背景色的CSS(如、bgstyle)，在DW3中点几下鼠就完成了。

25、如一个定义淡黄色背景的CSS是这样的、在要用时选取那段文字，再在CSS面板上点一下“bgstyle”就行了。

26、如何给部分文字加背景图像？与加背景色操作类似，中是在背景在选择加载图象就是了，一个定义好的加背景图象的CSS例子的代码是这样的、在要用时选取那段文字，再在CSS面板上点一下“imgbgstyle”就行了。

27、如何使页面的背景在文字“滚动”时背景图案静止不动？要使背景图案不随文字“滚动”的CSS是这样的、如何定义字间距？在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Block”上的“letterspaceing”属性定义的就是字间距，它指的是每一个字符之间的额外间距，经长度为单位，正负值均可，当取负值时产生字符挤在一起的效果。

28、下面代码是一个定义好的字间距CSS例子、如何给文字加上划线、下划线、删除线和闪烁？在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Type”上的“decoration”属性定义的就是这些内容，要注意的是闪烁属性有些版本的浏览器不支持，少用为好。

29、下面是一个定义好上述效果的CSS例子、其中、“underline”是定义下划线。

30、“overline”是定义上划线。

31、“line-through”定义的是删除线。

32、“blink”定义的是文字闪烁。

33、如何使网页具有“首行缩进”功能？由于DW3输入空格不方便，利用“首行缩进”将弥补这个不足。

34、在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Block”上的“text-indent”属性定义的就是“首行缩进”，所谓“首行”是指每段内容的第一行，也就是直接按回车键就形成了一个新的段落。

35、缩进最好以“em”(字符)为单位，比如、汉字编排要求每段开始缩进两个汉字，设置好的CSS如下所示、在DW3要注意、在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Block”上的“text-indent”右面的缩进单位选择框中“ems”指的就是“em”。

36、在用表格进行排版时，能使某一方向上的内容离开表格线一点吗？可以！在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Box”上的“margin”定义的就是内容离开边缘的距离，分别可定义四个方向、“top”“bottom”“left”“right”。

37、下面就是定义在左边离开“10px”的CSS例子代码、能给某部分内容加边框吗？用CSS可以给某部分内容加边框，在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Border”定义的就是边框线，“top”“bottom”“left”“right”四边可分别定义线的粗细和颜色，这些定义好后不要忘记在下面的“style”中定义线型，否则将看不边框线，因为默认的线型是“none”。

38、下面是一个定义了上边框为、蓝色细线。

39、左边框为、绿色中粗线的CSS例子、。

1、cssborder-bottom-style属性用于设置元素底部边框样式，只有当属性值不是none时边框才可能出现。

2、cssborder-bottom-style属性怎么用？border-bottom-style属性设置元素下边框的样式。

3、可以设置的属性值、●none、指定无边框●hidden、与"none"相同。

4、不过应用于表时除外，对于表，hidden用于解决边框冲突。

5、●dotted、指定点状边框。

6、●dashed、指定虚线边框。

7、●solid、指定实线边框。

8、●double、指定一个双边框。

9、●groove、定义双线。

10、双线的宽度等于border-width的值。

11、●ridge、定义三维菱形边框。

12、其效果取决于border-color的值。

13、●inset、定义三维凹边框。

14、其效果取决于border-color的值。

15、●outset、定义三维凸边框。

16、其效果取决于border-color的值。

17、●inherit、指定应该从父元素继承边框样式。

18、说明、只有当属性值不是none时边框才可能出现。

19、在CSS1中，HTML用户代理只需支持solid和none。

20、注释、任何的版本的InternetExplorer(包括IE8)都不支持属性值"inherit"或"hidden"。

21、cssborder-bottom-style属性示例p.none{border-bottom-style、none}p.dotted{border-bottom-style、dotted}p.dashed{border-bottom-style、dashed}p.solid{border-bottom-style、solid}p.double{border-bottom-style、double}p.groove{border-bottom-style、groove}p.ridge{border-bottom-style、ridge}p.inset{border-bottom-style、inset}p.outset{border-bottom-style、outset}无下边框点下边框虚线下边框实线下边框双线下边框凹槽下边框垄状下边框嵌入下边框外凸下边框效果图、。

1、cssborder-bottom-style属性用于设置元素底部边框样式，只有当属性值不是none时边框才可能出现。

1、CSS是CascadingstyleSheets的简称，中文译作“层叠样式表单”，我把它叫作“层叠样式表”，我感到这样顺口一点，没别的意思。

2、实际上它是一组样式。

3、你可能对CSS这个名词比较陌生，实际上无论你用InternetExplorer还是NetscapeNavigator在网上冲浪，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。

4、不管你用什么工具软件制作网页，都有在有意无意地使用CSS。

5、用好CSS能使你的网页更加简炼，为什么同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB，CSS在其中的作用是不言而喻的。

6、我把我在使用CSS中的一些小经验以及一些网友来信提问的问题整理出来，供诸位参考。

7、CSS在网页制作中一般有三种方式的用法，那么具体在使用时该采用哪种用法？当有多个网页要用到的CSS，采用外连CSS文件的方式，这样网页的代码大大减少，修改起来非常方便。

8、只在单个网页中使用的CSS，采用文档头部方式。

9、只有在一个网页两个地方才用到的CSS，采用行内插入方式。

10、CSS的三种用法在一个网页中要以混用吗？三种用法可以混用，且不会造成混乱。

11、这就是它为什么称之为“层叠样式表”的原因，浏览器在显示网页时是这样处理的、先检查有没有行内插入式CSS，有就执行了，针对本句的其它CSS就不去管它了。

12、其次检查头部方式的CSS，有就执行了。

13、在前两者都没有的情况下再检查外连文件方式的CSS。

14、因此可看出，三种CSS的执行优先级是、行内插入式、头部方式、外连文件方式。

15、在Dreamweaver3中如何使外部文件式CSS？在Dreamweaver3中使用外连文件式CSS并没有特殊要求，同样是用记事本创建一个*.css文件，在网页的与之间加上一句这样的代码、就行了。

16、如何用Dreamweaver3快速创建CSS外连备碧中式文件？对于一个初接触CSS的网页设计人员来讲，要用记事之类的编辑器，去创建一个CSS外连式文件是相当困难的。

17、由于Dreamweaver3对CSS支持的很好，用它来帮助就轻松多了。

18、具体可以这样操作、1)先在纸上写好在网站的网页中可能要用到的格名称，然后在Dreamweaver3的编辑窗中调出CSS面板，一个一个地定义，并在一个空白页上适当地写一点相关内容，边定义边试用，效果不满意，立即修改。

19、2)全部定义好后，再用记事本创建一个空的CSS外连式文件，把在与之间的那段定义好的CSS复制到CSS文件中去，就大功告成了。

20、整个过程就是点鼠标，方便吧？在Dreamweaver3中采用行内插入式CSS要手动写代码吗？不用！先用CSS面板定义好要用的CSS，然后，在要插入CSS的标记插入、style=""，再把你刚才定义的CSS从后面拖到这个双引号中来，把花括号以外的部分删去就行了。

21、在方档头部方式和外连文件方式的CSS中慧州都有“”，好象没什么用，不要可以吗？这一对东东的作用是为了不引起低版本浏览器的错误。

22、如果某个执行此页面的浏览器不支持CSS，它将忽略其中的内容。

23、虽然现在使用不支持CSS浏览器的人已很少了，由于互联网上几乎什么可能都会发生，所以还是留着为妙。

24、如何给一部分文字加背景色？给文字加上不同颜色，在DW3中只要在属性面板上选取文字的颜色就行了，非常方便，但要给部分文字加不同的背景色仿山却没有相应的功能，我们可以先做一个定义背景色的CSS(如、bgstyle)，在DW3中点几下鼠就完成了。

25、如一个定义淡黄色背景的CSS是这样的、在要用时选取那段文字，再在CSS面板上点一下“bgstyle”就行了。

26、如何给部分文字加背景图像？与加背景色操作类似，中是在背景在选择加载图象就是了，一个定义好的加背景图象的CSS例子的代码是这样的、在要用时选取那段文字，再在CSS面板上点一下“imgbgstyle”就行了。

27、如何使页面的背景在文字“滚动”时背景图案静止不动？要使背景图案不随文字“滚动”的CSS是这样的、如何定义字间距？在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Block”上的“letterspaceing”属性定义的就是字间距，它指的是每一个字符之间的额外间距，经长度为单位，正负值均可，当取负值时产生字符挤在一起的效果。

28、下面代码是一个定义好的字间距CSS例子、如何给文字加上划线、下划线、删除线和闪烁？在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Type”上的“decoration”属性定义的就是这些内容，要注意的是闪烁属性有些版本的浏览器不支持，少用为好。

29、下面是一个定义好上述效果的CSS例子、其中、“underline”是定义下划线。

30、“overline”是定义上划线。

31、“line-through”定义的是删除线。

32、“blink”定义的是文字闪烁。

33、如何使网页具有“首行缩进”功能？由于DW3输入空格不方便，利用“首行缩进”将弥补这个不足。

34、在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Block”上的“text-indent”属性定义的就是“首行缩进”，所谓“首行”是指每段内容的第一行，也就是直接按回车键就形成了一个新的段落。

35、缩进最好以“em”(字符)为单位，比如、汉字编排要求每段开始缩进两个汉字，设置好的CSS如下所示、在DW3要注意、在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Block”上的“text-indent”右面的缩进单位选择框中“ems”指的就是“em”。

36、在用表格进行排版时，能使某一方向上的内容离开表格线一点吗？可以！在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Box”上的“margin”定义的就是内容离开边缘的距离，分别可定义四个方向、“top”“bottom”“left”“right”。

37、下面就是定义在左边离开“10px”的CSS例子代码、能给某部分内容加边框吗？用CSS可以给某部分内容加边框，在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Border”定义的就是边框线，“top”“bottom”“left”“right”四边可分别定义线的粗细和颜色，这些定义好后不要忘记在下面的“style”中定义线型，否则将看不边框线，因为默认的线型是“none”。

38、下面是一个定义了上边框为、蓝色细线。

39、左边框为、绿色中粗线的CSS例子、。

1、设置边框底部样式。

2、使用border-bottom-style属性设置样式。

3、选择要设置样式的元素。

4、为元素设置边框底部样式。

1、分类、电脑/网络问题描述、css是什么意思？怎样使用css?解析、CSS什么是样式表CSS是CascadingStyleSheet的缩写。

2、译作「层叠样式表单」。

3、是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

4、你可能对CSS这个名词比较陌生，实际上无论你用InterExplorer还是NetscapeNavigator在网上冲浪，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。

5、不管你用什么工具软件制作网页，都有在有意无意地使用CSS。

6、用好CSS能使你的网页更加简炼，为什么同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB，CSS在其中的作用是不言而喻的。

7、我把我在使用CSS中的一些小经验以及一些网友来信提问的问题整理出来，供诸位参考。

8、CSS在网页制作中一般有三种方式的用法，那么具体在使用时该采用哪种用法？当有多个网页要用到的CSS，采用外连CSS文件的方式，这样网页的代码大大减少，修改起来非常方便。

9、只在单个网页中使用的CSS，采用文档头部方式。

10、只有在一个网页两个地方才用到的CSS，采用行内插入方式。

11、CSS的三种用法在一个网页中要以混用吗？三种用法可以混用，且不会造成混乱。

12、这就是它为什么称之为“层叠样式表”的原因，浏览器在显示网页时是这样处理的、先检查有没有行内插入式CSS，有就执行了，针对本句的其它CSS就不去管它了。

13、其次检查头部方式的CSS，有就执行了。

14、在前两者都没有的情况下再检查外连文件方式的CSS。

15、因此可看出，三种CSS的执行优先级是、行内插入式、头部方式、外连文件方式。

16、在Dreamweaver3中如何使外部文件式CSS？在Dreamweaver3中使用外连文件式CSS并没有特殊要求，同样是用记事本创建一个*.css文件，在网页的与之间加上一句这样的代码、就行了。

17、如何用Dreamweaver3快速创建CSS外连式文件？对于一个初接触CSS的网页设计人员来讲，要用记事之类的编辑器，去创建一个CSS外连式文件是相当困难的。

18、由于Dreamweaver3对CSS支持的很好，用它来帮助就轻松多了。

19、具体可以这样操作、1)先在纸上写好在网站的网页中可能要用到的格名称，然后在Dreamweaver3的编辑窗中调出CSS面板，一个一个地定义，并在一个空白页上适当地写一点相关内容，边定义边试用，效果不满意，立即修改。

20、2)全部定义好后，再用记事本创建一个空的CSS外连式文件，把在与之间的那段定义好的CSS复制到CSS文件中去，就大功告成了。

21、整个过程就是点鼠标，方便吧？在Dreamweaver3中采用行内插入式CSS要手动写代码吗？不用！先用CSS面板定义好要用的CSS，然后，在要插入CSS的标记插入、class="page_speeder_1673889889"，再把你刚才定义的CSS从后面拖到这个双引号中来，把花括号以外的部分删去就行了。

22、在方档头部方式和外连文件方式的CSS中都有“”，好象没什么用，不要可以吗？这一对东东的作用是为了不引起低版本浏览器的错误。

23、如果某个执行此页面的浏览器不支持CSS，它将忽略其中的内容。

24、虽然现在使用不支持CSS浏览器的人已很少了，由于互联网上几乎什么可能都会发生，所以还是留着为妙。

25、如何给一部分文字加背景色？给文字加上不同颜色，在DW3中只要在属性面板上选取文字的颜色就行了，非常方便，但要给部分文字加不同的背景色却没有相应的功能，我们可以先做一个定义背景色的CSS(如、bgstyle)，在DW3中点几下鼠就完成了。

26、如一个定义淡黄色背景的CSS是这样的、在要用时选取那段文字，再在CSS面板上点一下“bgstyle”就行了。

27、如何给部分文字加背景图像？与加背景色操作类似，中是在背景在选择加载图象就是了，一个定义好的加背景图象的CSS例子的代码是这样的、在要用时选取那段文字，再在CSS面板上点一下“imgbgstyle”就行了。

28、如何使页面的背景在文字“滚动”时背景图案静止不动？要使背景图案不随文字“滚动”的CSS是这样的、如何定义字间距？在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Block”上的“letterspaceing”属性定义的就是字间距，它指的是每一个字符之间的额外间距，经长度为单位，正负值均可，当取负值时产生字符挤在一起的效果。

29、下面代码是一个定义好的字间距CSS例子、如何给文字加上划线、下划线、删除线和闪烁？在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Type”上的“decoration”属性定义的就是这些内容，要注意的是闪烁属性有些版本的浏览器不支持，少用为好。

30、下面是一个定义好上述效果的CSS例子、其中、“underline”是定义下划线。

31、“overline”是定义上划线。

32、“line-through”定义的是删除线。

33、“blink”定义的是文字闪烁。

34、如何使网页具有“首行缩进”功能？由于DW3输入空格不方便，利用“首行缩进”将弥补这个不足。

35、在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Block”上的“text-indent”属性定义的就是“首行缩进”，所谓“首行”是指每段内容的第一行，也就是直接按回车键就形成了一个新的段落。

36、缩进最好以“em”(字符)为单位，比如、汉字编排要求每段开始缩进两个汉字，设置好的CSS如下所示、在DW3要注意、在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Block”上的“text-indent”右面的缩进单位选择框中“ems”指的就是“em”。

37、在用表格进行排版时，能使某一方向上的内容离开表格线一点吗？可以！在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Box”上的“margin”定义的就是内容离开边缘的距离，分别可定义四个方向、“top”“bottom”“left”“right”。

38、下面就是定义在左边离开“10px”的CSS例子代码、能给某部分内容加边框吗？用CSS可以给某部分内容加边框，在DW3中CSS的属性定义对话框(styleDefinitionfor.style1)的“Border”定义的就是边框线，“top”“bottom”“left”“right”四边可分别定义线的粗细和颜色，这些定义好后不要忘记在下面的“style”中定义线型，否则将看不边框线，因为默认的线型是“none”。

39、下面是一个定义了上边框为、蓝色细线。

40、左边框为、绿色中粗线的CSS例子、。

1、border-right-style定义及用法在css中，border-right-style属性是用来设置右边框的样式。

1、圆角表格，对应属性、border-radius。

2、以往对网页上的文字加特效只能用filter这个属性，这次CSS3中专门制订了一个加文字特效的属性，而且不止加阴影这种效果。

3、对应属性、font-effect。

4、丰富了对链接下划线的样式，以往的下划线都是直线，这次可不一样了，有波浪线、点线、虚线等等，更可对下划线的颜色和位置进行任意改变。

5、(还有对应顶线和中横线的样式，效果与下划线类似)对应属性、text-underline-style，text-underline-color，text-underline-mode，text-underline-position。

6、在文字下点几个点或打个圈以示重点，CSS3也开始加入了这项功能，这应该在某些特定网页上很有用。

7、对应属性、font-emphasize-style和font-emphasize-position。

8、border-color、控制边框颜色，并且有了更大的灵活性，可以产生渐变效果border-color、/*其中可以上一个值，也可以是多个值，具体我在这里不多说了，大家来时用到的也特别多*//*我们可以分别给各边上色*/border-top-color、/*给上边框上色*/border-right-color、/*给右边框上色*/border-bottom-color、/*给下边框上色*/border-left-color、/*给左框上色*/border-image、控制边框图像border-corner-image、控制边框边角的图像border-radius、能产生类似圆角矩形的效果background-origin、决定了背景在盒模型中的初始位置，提供了3个值，border,padding和contentborder、控制背景起始于左上角的边框padding、控制背景起始于左上角的留白content、控制背景起始于左上角的内容background-clip、决定边框是否覆盖住背景(默认是不覆盖)，提供了两个值，border和paddingborder、会覆盖住背景padding、不会覆盖背景background-size、可以指定背景大小，以象素或百分比显示。

9、当指定为百分比时，大小会由所在区域的宽度、高度，以及background-origin的位置决定multiplebackgrounds、多重背景图像，可以把不同背景图像只放到一个块元素里。

10、text-shadow、文字投影，可能是因为MACOSX的Safari浏览器开始支持投影才特意增加的。

11、text-overflow、当文字溢出时，用“…”提示。

12、包括ellipsis、clip、ellipsis-word、inherit，前两个CSS2就有了，还是部分支持，但有趣的是IE6居然也支持。

13、ellipsis-word可以省略掉最后一个单词，对中文意义不大，inherit可以继承父级元素。

14、HSLcolors、除了支持RGB颜色外，还支持HSL(色相、饱和度、亮度)。

15、以前一般都是作图的时候用HSL色谱，但这样一来会包括更多的颜色。

16、H用度表示，S和L用百分比表示，比如hsl(0,100%,50%)HSLAcolors、加了个不透明度(Apacity)，用0到1之间的数来表示，比如hsla(0,100%,50%,0.2)opacity、直接控制不透明度，用0到1之间的数来表示RGBAcolors、和HSLAcolors类似，加了个不透明度。

17、一直以来，浏览器的透明一直无法实现单纯的颜色透明，每次使用alpha后就会把透明的属性继承到子节点上。

18、换句话说，很难实现背景颜色透明而文字不透明的效果。

19、直到RGBA颜色的出现这一切将成为现实。

20、实现这样的效果非常简单，设置颜色的时候我们使用标准的rgba()单位即可，例如rgba(255,0,0,0.4)这样就出现了一个红色同时拥有alpha透明为0.4的颜色。

21、经过测试firefox0、safariopera10都支持了rgba单位。

22、变形(transform)、转换(transition)和动画(animation)transform、rotate|scale|skew|translate|matrix旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。

23、transition主要包含四个属性值、执行变换的属性、transition-property,变换延续的时间、transition-duration,在延续时间段，变换的速率变化transition-timing-function,变换延迟时间transition-delay。

24、下面分别来看这四个属性值在开始介绍Animation之前我们有必要先来了解一个特殊的东西，那就是Keyframes,我们把他叫做“关键帧”，玩过flash的朋友可能对这个东西并不会陌生。

25、下面我们就一起来看看这个“Keyframes”是什么东西。

26、前面我们在使用transition制作一个简单的transition效果时，我们包括了初始属性和最终属性，一个开始执行动作时间和一个延续动作时间以及动作的变换速率，其实这些值都是一个中间值，如果我们要控制的更细一些，比如说我要第一个时间段执行什么动作，第二个时间段执行什么动作(换到flash中说，就是第一帧我要执行什么动作，第二帧我要执行什么动作)，这样我们用Transition就很难实现了，此时我们也需要这样的一个“关键帧”来控制。

27、那么CSS3的Animation就是由“keyframes”这个属性来实现这样的效果。

28、下面我们一起先来看看Keyframes、Keyframes具有其自己的语法规则，他的命名是由@keyframes开头，后面紧接着是这个“动画的名称”加上一对花括号“{}”，括号中就是一些不同时间段样式规则，有点像我们css的样式写法一样。

29、对于一个@keyframes中的样式规则是由多个百分比构成的，如“0%”到100%之间，我们可以在这个规则中创建多个百分比，我们分别给每一个百分比中给需要有动画效果的元素加上不同的属性，从而让元素达到一种在不断变化的效果，比如说移动，改变元素颜色，位置，大小，形状等，不过有一点需要注意的是，我们可以使用“fromt”“to”来代表一个动画是从哪开始，到哪结束，也就是说这个from就相当于0%而to相当于100%,值得一说的是，其中0%不能像别的属性取值一样把百分比符号省略，我们在这里必须加上百分符号(“%”)如果没有加上的话，我们这个keyframes是无效的，不起任何作用。

30、因为keyframes的单位只接受百分比值。

31、CSS3增加了更多的CSS选择器，可以实现更简单但是更强大的功能，比如、nth-child()等。

32、Attributeselectors、在属性中可以加入通配符，包括^,$,*(att^=val)、表示开始字符是val的att属性(att$=val)、表示结束字符是val的att属性(att*=val)、表示包含至少有一个val的att属性其它模块、(Othermodules)mediaqueries、感觉叫媒体选择比较合适，可以为网页中不同的对象设置不同的浏览设备。

33、比如可以为某一块分别设置屏幕浏览样式和手机浏览样式，以前则只能设置整个网页。

34、multi-columnlayout、多列布局，让文字以多列显示，包括column-width、column-count、column-gap三个值column-width、指定每列宽度column-count、指定列数column-gap、指定每列之间的间距column-rule-color、控制列间的颜色column-rule-style、控制列间的样式column-rule-width、控制列间的宽度column-space-distribution、平均分配列间距。

版权声明：本文由用户上传，如有侵权请联系删除！