css的文章部分的基本语句

大家都知道在做网页的时候,免不了有许多的图片文字,那么对于它们的样式的设计就由关重要,所以在这里介绍一些基本的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-size18 px 文本:

文本排列属性

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

例:

text-align:center/居中;

line-height20px/

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

text-decorationnone/去除下划线

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

 top/right/bottom/left** pxpadding—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 纵向平铺。

 

 

 
原文地址:https://www.cnblogs.com/cj28-27/p/5539539.html