使用Dreamweaver来详细了解CSS的多样性
发表于:2025-02-06 作者:
编辑最后更新 2025年02月06日,说明:√属性继承 ×不继承 [ ]为适应元素类型 无[ ]标出为所有元素字体√Font-family√Font-size 9 10 12 14 16 18 24 36 xx-small x-small small medium large x-large xx-large smaller larger√Color√Font-style normal italic obliqu
说明:√属性继承 ×不继承
[ ]为适应元素类型 无[ ]标出为所有元素
字体
√Font-family
√Font-size 9 10 12 14 16 18 24 36 xx-small x-small small medium large x-large xx-large smaller larger
√Color
√Font-style normal italic oblique
√Line-height nomal
√Font-weight normal bold bolder lighter 100 200 300 400 500 600 700 800 900
√Text-transform capitalize uppercase lowercase none
√Font-variant normal small-caps
×Text-decoration none underline overline line-through blink
√Font
背景
×Background-color
×Background
×Background-image
×Background-attachment fixed scroll
×Background-repeat no-repeat repeat repeat-x repeat-y
×Background-position[块、替换]
区块
√Word-spacing normal[块]
√Letter-spacing normal
×Vertical-align baseline sub super top text-top middle bottom text-bottom[内]
√Text-align left right center justify[块]
×Text-indent[块]
×White-space normal pre nowrap[块]
×Display inline block list-item run-in compact marker table inline-table table-row-group table-header-ground table-footer-ground table-row table-column-ground table-column table-cell table-caption none
边框
×Border
×Border-top-color
×Border-top-style none solid dashed dotted double groove ridge inset outset
×Border-top-width thin medium thick
×Border-top-Right
×Border-top-Bottom
×Border-top-Left
×Border-top
×Border-right
×Border-bottom
×Border-left
×Border-color
×Border-style
×Border-width
方框
×Width auto px pt in cm mm pc em ex %[块、替]
×Height auto[块、替]
×Float left right none
×Clear left right both none
×Margin
×Margin-top
×Margin-right
×Margin-bottom
×Margin-left
×Padding
×Padding-top
×Padding-right
×Padding-bottom
×Padding-left
列表
×List-style-type disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha onne[显示值为list-item的元素]
×List-style-Image[显示值为list-item的元素]
×List-style-position inside outside[显示值为list-item的元素]
定位
×Position absolute relative static
×Visiblility visible hidden inherit
×Height auto
×Left auto
×Top auto
×Right auto
×Bottom auto
×z-index auto[定位元素]
×overflow visible hidden scroll auto[块、替]
×clip auto
[ ]为适应元素类型 无[ ]标出为所有元素
字体
√Font-family
√Font-size 9 10 12 14 16 18 24 36 xx-small x-small small medium large x-large xx-large smaller larger
√Color
√Font-style normal italic oblique
√Line-height nomal
√Font-weight normal bold bolder lighter 100 200 300 400 500 600 700 800 900
√Text-transform capitalize uppercase lowercase none
√Font-variant normal small-caps
×Text-decoration none underline overline line-through blink
√Font
背景
×Background-color
×Background
×Background-image
×Background-attachment fixed scroll
×Background-repeat no-repeat repeat repeat-x repeat-y
×Background-position[块、替换]
区块
√Word-spacing normal[块]
√Letter-spacing normal
×Vertical-align baseline sub super top text-top middle bottom text-bottom[内]
√Text-align left right center justify[块]
×Text-indent[块]
×White-space normal pre nowrap[块]
×Display inline block list-item run-in compact marker table inline-table table-row-group table-header-ground table-footer-ground table-row table-column-ground table-column table-cell table-caption none
边框
×Border
×Border-top-color
×Border-top-style none solid dashed dotted double groove ridge inset outset
×Border-top-width thin medium thick
×Border-top-Right
×Border-top-Bottom
×Border-top-Left
×Border-top
×Border-right
×Border-bottom
×Border-left
×Border-color
×Border-style
×Border-width
方框
×Width auto px pt in cm mm pc em ex %[块、替]
×Height auto[块、替]
×Float left right none
×Clear left right both none
×Margin
×Margin-top
×Margin-right
×Margin-bottom
×Margin-left
×Padding
×Padding-top
×Padding-right
×Padding-bottom
×Padding-left
列表
×List-style-type disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha onne[显示值为list-item的元素]
×List-style-Image[显示值为list-item的元素]
×List-style-position inside outside[显示值为list-item的元素]
定位
×Position absolute relative static
×Visiblility visible hidden inherit
×Height auto
×Left auto
×Top auto
×Right auto
×Bottom auto
×z-index auto[定位元素]
×overflow visible hidden scroll auto[块、替]
×clip auto
- 上一篇
网页禁止右键菜单及禁止全选代码
script language=JavaScriptdocument.oncontextmenu=new Function(event.returnValue=false;);document.onselectstart=new Function(event.returnValue=false;);/script 很好用!
- 下一篇
用Dreamweaver合理为为网页进行优化
我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。 下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用
相关文章
- FGO人物逸闻,fgo北斋葛饰为什么叫阿荣?
- 赛尔号中的索兰特是邪灵组织吗?索兰特和布莱克什么关系
- Xbox买会员服务可以玩所有游戏吗
- 火影忍者:忍界中的四大伪君子分别是谁?大野木,神农,四代风影上榜。
- 神印王座谁赢了:龙皓晨对战杨文昭谁厉害,龙皓晨是怎样打败杨文昭
- 杨文昭和陈樱儿在一起吗?
- 喜羊羊全员基因转变成狼族,造型高冷炫酷,美羊羊的各种姿态!
- 颜艺才是本体!《狂赌之渊》真人版的学生会长终于涂上了蓝色口红,狂赌之渊学生会成员有哪些
- 史莱姆第15话:利姆露赐予鬼人职务,紫苑完全不适合,朱菜没变化,转生史莱姆结局
- 《杀手6》游侠LMAO 8.3完整内核汉化补丁下载发布!杀手6怎么玩,杀手6通关攻略大全