html与css入门——CSS样式基础

走向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

相关推荐

aSuncat / 0评论 2020-08-18