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