css的文章部分的基本语句

Posted 2020-07-16 赤恩吉烨

大家都知道在做网页的时候，免不了有许多的图片文字，那么对于它们的样式的设计就由关重要，所以在这里介绍一些基本的css语句：

字体：

属性font-family，字体风格font-style，字体变形font-variant，字体加粗font-weight，字体大小font-size。

 例：

font-family:华文行楷；

 font-style:[normal|italic|oblique] /normal（普通），italic（斜体），oblique（倾斜）； font-weight:[normal|bold]/是否粗体font-size：18 px 文本：

文本排列属性

text-align、行高属性line-height、下划线text-decoration 

例：

text-align:center/居中；

line-height：20px/

控制本行显示高度，很适用，一般数值要大于font-size；

text-decoration：none/去除下划线

 定位：top、right、bottom、left，上补白padding-top、右补白paddint-right、 下补padding-bottom左补白padding-left，百度CCS简单的定位都可以用

 top/right/bottom/left：** px和padding—top/right/bottom/lef：** px实现。  

例：top:128px/距离顶端128像素padding—left：20 px/左补空白20像素，这里你可以让它空着，也可以插入一些小GIF动画。

方框：

方框属性包括上边界

margin-top、右边界margin-right、下边界margin-bottom、左边界margin-left、边界margin

、上补白padding-top、右补白paddint-right、下补白padding-bottom、左补白padding-left、补白padding、上边框宽度border-top-width、右边框宽度border-right-width、下边框宽度

border-bottom-width、左边框宽度border-left-width、边框宽度border-width、边框颜色

border-color、边框风格border-style、上边框border-top、右边框border-right、下边框border-bottom、左边框border-left、边框border、宽度width、高度height、等24种属性。

句法都是：** px。 

图片：

通过background:url(图片绝对地址)导入图片，图片绝对地址可以通过打开 网络图片，右键单击察看属性中的地址 例：

headerdiv.rc{background:url（图片地址）no-repeat top right}/ no-repeat不平铺， top right右上显示。附：Repeat 平铺，Repeat-X 横向平铺，Repeat-Y 纵向平铺。