首页 > Web开发 > 详细

css样式

时间:2019-10-31 10:05:53      阅读:94      评论:0      收藏:0      [点我收藏+]

大小:

width:宽度

height:高度

背景:

background-color  背景色

 

background-image  背景图片

background-repeat  背景平铺方式

background-size  背景尺寸

 

background-position  背景位置

字体:

font-family 字体样式;

font-size  字体大小  12px 14px;

font-style:italic;  italic倾斜;

font-weight:粗细;

text-decoration:

underline;下划线

 

overline 上划线

line-through 删除线

none 去掉线   可以用来去掉<a></a>超链接的下划线

 

color:字体颜色

对齐方式:

text-align :水平对齐方式

 

line-height:行高

text-indent:缩进 单位像素

 

line-height 与 vertical-align:

line-height:主要作为调节文本的垂直对齐方式,通过设置行高的大小.

vertical-align:主要作为调节行内元素(span/img/input..)的垂直对齐方式  baseline top bottom middle  text-top  text-bottom.

边界边框:

外边距margin:上右下左,

两个属性时,代表 上下   左右,

行内元素只能调整margin-left margin-right。调margin-top和margin-bottom是不管用的。

内边距padding:上右下左

如果加了内边距,该元素会相应的变大。

border 1px solid red;  分别代表粗细 线的样式 颜色;

 

显示与隐藏:display:none/block;

列表方块<ol></ol> <ul></ul>:

list-style:none  将列表前面的序号去掉;

list-style-image  可以将前面的序号变成图片。

格式与布局:

位置:position:

fixed 固定:相对于浏览器的边框进行定位;

absolute 绝对定位:相对于父级元素(浏览器、绝对定位的上级);

relative 相对定位:相对于自身应该出现的位置。

top 距离上边的距离,

right 距离右边的距离,

left 距离左边的距离,

bottom 距离下边的距离。

流:

float:

left 向左流,

right 向右流。

clear:

both 清除所有的流,

left 清除左边的流,

right 清除右边的流。

z-index分层:需要前面使用position之后才有效果,值越大越靠上

 

css样式

原文:https://www.cnblogs.com/www1842564021/p/11769455.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!