CSS常用属性设�|?(zt)

so.java — Wed, 12 Nov 2008 08:35:00 GMT

�?】CSS的背景属性设�|�包括：

①背景颜�Ԍ��background-color�Q�可以��用名字、RGB模式、十六进制数表示
②背景图片：background-image�Q��用url{...}表示
③背景图片重复：background-repeat�Q�可以设�|�水�q�重复、垂直重复、双向重复、不重复
④背景图片附着�Q�background-attachment�Q�可以设�|�黏着、滚�?br style="font-family: " /> ⑤背景图片位�|�：background-position�Q�可以设�|�左(上中�?、右(上中�?、中(上下)�Q�坐标、百分比

��Z��使用��便，我们可以使用background�q�个�l�合属性一�ơ性设�|�所有属性：

body{
background: yellow url{"logo.jpg"} repeat scroll center
}

注意我们必须按照上面介绍的①~⑤的��序来定�?br />

�?】CSS的文本属性设�|�包括：

①文本颜�Ԍ��color�Q�可以��用名字、RGB模式、十六进制数表示
②字�W�间距：letter-spacing�Q�可以��用像素、厘�c��C?br /> ③字母间距：word-spacing�Q�可以��用像素、厘�c��C?br /> ④每行间距：line-height�Q�可以��用像素、厘�c�뀁百分比(相等于默认行�?表示
⑤文本羃�q�：text-indent�Q�可以��用厘�c�뀁百分比表示
⑥文本对齐：text-align�Q�可以设�|�左寚w��、右寚w��、居中对齐、两端对�?br /> ⑦文本强调：text-decoration�Q�可以设�|�上划线、删除线、下划线、闪�?br /> ⑧文本格式：text-transform�Q�可以设�|�大写、小写、首字母大写

注意�Ҏ��本的CSS定义不能像背景那样采用一站式定义�Q�因为有很多属性的值都是同样�Ş式的�?/font>

p.poem {
color:red;
letter-spacing:2px;
word-spacing:0.1cm;
line-height:200%;
text-indent:none;
text-align:center;
text-decoration:underline;
text-transform:capitalize
}

注意�Q�CSS中对于文本属性的讄��没有��序的要�?br />
�?】CSS的字体属性设�|�包括：
①字体类型：font-style�Q�可以设�|�normal、italic、oblique
②字体粗�l�：font-weight�Q�可以设�|�normal、bold、boler、lighter、数�?br /> ③字体大��：font-size�Q�可以设�|�small、medium、large、百分比
④字体类型：font-family�Q�可以设�|�一�p�d��的字体名�U?br />
body{
    font-style: normal;
    font-weight:bold;
    font-size: 200%
    font-family: vendar
}

�?】CSS的边框属性设�|�包括：

CSS中边框的讄��包括上、下、右、左四种讄��Q�每�U�设�|�包括边框宽带、样式、颜�?br />
①边框宽度：border-xxx-width�Q�可以选择thin、medium、thick、数字表�C?br /> ②边框样式：border-xxx-style�Q�可以选择hidden、dotted、dashed、solid、dobule、groove�?br />                 ridge、inset、outset
③边框颜�Ԍ��border-xxx-color�Q�可以选择名字、RGB模式、十六进制数

假如需要对�Ҏ��的每个边都进行特别设�|�，可以使用border-top、border-bottom、border-right、border-left对各个边框进行一站式讄��?br />
如果�Ҏ��个边框的讄��都一��P��则直接��用border属性进行一�ơ性设定即可�?br />
table.tr{
   border-top: medium solid red;
   border-bottom: thin hidden;
   border-left: thick dotted yellow;
   border-right: 1cm inset blue
}

�?】CSS的边�~�属性设�|�包括：

CSS中关于空白区的设�|�包括：上、右、下、左四个区域�Q�提供了一个一站式讄��的属性：margin

p{
margin: 2cm 4cm 3cm 5cm
}

Note: Netscape and IE give the body tag a default margin of 8px. Opera does not! Instead, Opera applies a default padding of 8px, so if one wants to adjust the margin for an entire page and have it display correctly in Opera, the body padding must be set as well!

�?】CSS的填充属性设�|�包括：

CSS中关于填充区的设�|�包括上、右、下、左四个部分�Q��ƈ且提供了一个一站式讄��属性：padding

在设�|�padding属性时�Q�即可以指定一个�?卛_��用于各个�Ҏ��)�Q�也可以指定二个�?即上、右�Q�下和左和上、右一�?�Q�也可以指定全部四个倹{�?/font>

td.test1 {padding: 1.5cm}
td.test2 {padding: 0.5cm 2.5cm}

注意�Q�margin是设�|�HTML元素�Ҏ��与页面之间的�I�白部分�Q�而padding是设�|�HTML元素内容和HTML元素�Ҏ��之间的空白部�?br />
�?】CSS的表格属性设�|�包括：
①表��D��框样式：border-collapse�Q�是用单竖线�q�是标准的HTML样式昄��表格�Ҏ��
②表��D��框距��：border-spacing�Q�设�|�分��表��D��框的距离�Q�仅对separated border样式有用
③表格标题对齐：caption-side�Q�可以设�|�top、bottom、left、right
④空单元格是否显�C�：empty-cells�Q�可以设�|�show、hide
⑤单元格大小自适应�Q�table-layout�Q�可以设�|�auto、fixed.

注意�Q�如果table-layout的��gؓfixed�Q�则��出单元格长度的内容��被截取

table{

   border-collapse:collapse;
   border-sapcing: 10px, 50px;
   caption-side: bottom;
   empty-cells: show;
   table-layout: auto
}

�?】CSS的维度属性设�|�：

①宽度：width
②高度：height
③最大宽度：max-width
④最大高度：max-height
⑤最��宽度：min-width
⑥最��高度：max-height

注意�Q�CSS中关于height与width的设�|�会覆盖原有的element的height和width讄��

�?】CSS的分�c�d��性设�|�包括：
CSS的分�c�d��性允�怽�讄��如何昄��一个HTML元素�Q�设�|�如何将囑փ�攄��在文本的周围�Q��用绝对位�|�、相对位�|�放�|�一个元素，如何控制元素的显�C�或隐藏�?br />
①清除漂��元素：clear�Q�清除指定元素周围的漂��Q元素
②鼠标�Ş�Ӟ��      cursor�Q�可以选择多种鼠标的�Ş�?br /> ③显�C�属性：      display�Q�可以选择多种昄��属性，例如指定表格的表�?脚、行、列、单元格
④漂��属性：      float�Q�设�|�文本和囄��如何周围的元素的位置关系
⑤元素定位：      position�Q�可以��用相寏V��绝寏V��固定属�?br /> ⑥可见性设�|�：   visibility�Q�可以选择可见、隐�?br />
在这些属性中�Q�比较常用的��是display、float、visibility属性。��用这三个属性可以定制出�c�M��水��^、垂直菜单，图文��h��的效果�?br />

�?0】CSS的方位属性设�|�包括：

①方位： left/righ/top/bottom�Q�设�|�元素的位置�Q�可以��用相对位�|?如：-20px)
②决定位�|�：position�Q?讄��方位的基准，可以选择�l�对、相寏V��固�?br /> ③溢出处理：overflow�Q�设�|�溢出时可见、隐藏、滚动、自动调�?br /> ④Z轴位�|�： z-index�Q�设�|�当存在多个重叠元素�Ӟ��昄��的优先��

注意�Q�positiion属性经常和方位属性搭配��用，指明在某一方位上的相对位置讄��

注意�Q�当元素的overflow属性设�|��ؓhidden�Ӟ��一旦元素的内容��过其显�C�区域将被截�?br />
注意�Q�z-index的默认值是0�Q�数��D��表�C�在昄��在底层。这一点可以用于透明背景讄��

so.java 2008-11-12 16:35 发表评论

97成人超碰视,国产婷婷一区二区,九色蝌蚪在线

CSS常用属性设�|?(zt)