html按钮禁用与启用 html怎么禁用按钮( 四 )


? 900 对应最粗的字体变形;
? 400 等价于 normal;
? 700 等价于 bold 。
对齐方式
text-align
? 规定元素中的文本的水平对齐方式 。属性值如下:
注意:
? 值 justify 可以使文本的两端都对齐 。在两端对齐文本中,文本行的左右两端都放在父元素的内边界上 。然后,调整单词和字母间的间隔,使各行的长度恰好相等 。对最后一行不生效 。
display属性
? display 属性规定元素应该生成的框的类型 。这个属性用于定义建立布局时元素生成的显示框类型 。
浮动
? float的属性值有none、left、right 。
1.只有横向浮动,并没有纵向浮动 。2.会将元素的display属性变更为block 。3.浮动元素的后一个元素会围绕着浮动元素(典型运用是文字围绕图片)4.浮动元素的前一个元素不会受到任何影响(如果你想让两个块状元素并排显示,必须让两个块状元素都应用float) 。
盒子模型
? border、padding、margin三个属性构成了盒子模型 。
border
? 设置所有的边框属性 。
? 1)可同时设置边框的宽度、样式、颜色
table,th,td{border:1pxsolid black; }table{width:100%;height:50px; }
? 2)使用border-width、border-style、border-color单独设置
table,td{border-width:1px;border-style: dotted;border-color: green;}
? 3)border-style的属性
? 4)border-collapse
? 设置是否将表格边框折叠为单一边框 。
? 属性值:separate(默认,单元格边框独立)、collapse(单元格边框合并)
table{border-collapse : collapse; }
padding
? 设置元素所有内边距的宽度,或者设置各边上内边距的宽度 。
? 如果在表的内容中控制文本到边框的内边距,使用td和th元素的填充属性:
td{padding:15px;}
? 单独设置各边的内边距:padding-top、padding-left、padding-bottom、padding-right
? <font color=”red”>默认按照上右下左的顺序设定</font>
td.test1{padding:1.5cm}td.test2{padding:0.5cm2.5cm}
这个表格单元的每个边拥有相等的内边距 。这个表格单元的上和下内边距是0.5cm,左和右内边距是 2.5cm 。
? 注意:通过padding属性设置元素内边距时,会使元素变形 。若不想影响格式效果,可以用margin属性设置元素外边距 。
margin
? 设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度 。
p.margin{margin:2px4px3px4px;}
? 单独设置各边的外边距:margin-top、margin-left、margin-bottom、margin-right
p.margin{margin-top:100px;margin-bottom:100px;margin-right:50px;margin-left:50px; } *{margin: auto auto;} *{margin:100pxauto;}
说明:
? auto:自动,可以理解为居中的意思 。浏览器自动计算外边距 。
? margin: auto auto:第一个auto表示上下外边距自动计算,第二个auto表示左右外边距自动计算


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: