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

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