走向WEB开发 2017-11-10
CSS中的样式属性可以分为两大类:
布局属性,有影响Web页面上的元素定位的属性组成,比如边距、填充和对齐方式。
格式化属性,由影响Web站点内的元素的视觉显示的属性组成,比如字体类型。
基本的布局属性,最重要的布局属性之一是display属性,它描述了如何相对与其他元素显示的一个元素。
display属性具有4个基本的值:
①block:在新行上显示元素,比如在一个新段落中。
②list-item:在新行上显示元素,并在其旁边带有一个列表项标记(项目符号)。
③inline:利用当前段落内联显示元素。
④none:不显示元素,它是隐藏的。
格式化属性:最流行的格式化属性之一是border属性。
border属性描述元素边框的方式:
①border-width:边框边缘的宽度
②border-color:边框边缘的颜色
③border-style:边框边缘的样式
④border-left:边框的左边
⑤border-right:边框的右边
⑥border-top:边框的上边
⑦border-bottom:边框的下边
⑧border:边框的各条边
border-style(样式)属性设置为以下基本值之一(默认为none)
①solid: 单线边框
②double:双线边框
③dashed:短划虚线边框。
④dotted:点线边框
⑤groove:具有沟槽外观的边框
⑥ridge:具有脊状外观的边框
⑦inset:具有内嵌外观的边框
⑧outset:具有外凸外观的边框
⑨none:无边框
⑩hidden:实际上等同于none
background-color: blue;background-color: yellow;<input type="button" value="变蓝" @click="changeColorT