之庭

导航

css常用的样式单词

2021-12-24  11:36:06

 

color:控制文字颜色。

font-size:设置文字的大小。

font-weight:设置字体是否加粗。

  • lighter

  • normal

  • bold

  • bolder

text-decoration:

控制文字是否有修饰线。

  • none

  • underline

  • line-through

line-height:

设置字体的行高,即字体最底端与字体内部顶端之间的距离。

text-align:

用于设置目标元素中文本的水平对齐方式。

  • left

  • right

  • center

  • justify两端对齐

background

设置对象的背景样式。该属性是一个复合属性,可以同时设置背景色、背景图片、背景重复模式等属性。

background-color   background-image   background-repeat   background-attachment   background-position

background-color

设置背景色,如果同时设置了背景色和背景图片,则背景图片将覆盖背景色。

background-image

设置背景图片。该属性用url()函数指定图片地址。

background-repeat

设置背景图片是否平铺。在该属性之前,必须先指定background-image属性。

  • no-repeat:不平铺

  • repeat:纵向横向同时平铺

  • repeat-x:横向平铺

  • repeat-y:纵向平铺

background-position

设置对象背景图片的位置。

border

复合属性,可同时设置边框的粗细,线型和颜色。

border-color

设置边框的颜色。

border-style

设置元素的边框线型。

  • none:无边框

  • hidden:隐藏边框

  • dotted:点线边框

  • dashed:虚线边框

  • double:双线边框

border-width

边框的线宽。

border-top

上边框

border-top-color

上边框颜色

border-radius

圆角边框

border-top-left-radius

上左圆角边框

padding:内填充

margin:外边距

height

用于设置目标对象的高度。

width

设置目标对象的宽度。

position

用于设置目标对象的定位方式。

  • absolute

允许将该对象漂浮于页面之上,无需考虑它周围内容的布局。

  • relative

会保持对象在正常的HTML流中,目标对象的位置将参照前一个对象的位置进行定位。

top

设置目标对象相对于最近一个具有定位设置的父元素的顶边偏移。

right

设置目标对象相对于最近一个具有定位设置的父元素的右边偏移。

bottom

设置目标对象相对于最近一个具有定位设置的父元素的底边偏移。

left

设置目标对象相对于最近一个具有定位设置的父元素的左边偏移。

outline

轮廓线

float

控制元素是否浮动以及如何浮动。

当通过该属性设置某个元素浮动后,该元素会被当做block类型的盒模型处理。

posted on 2021-12-24 09:06  之庭  阅读(198)  评论(0)    收藏  举报