css属性

本文详细介绍了CSS中的各种属性,包括背景属性、边框属性、文本属性、字体属性、外边距属性、内边距属性、列表属性、尺寸属性以及定位属性。内容涵盖了设置背景颜色、图像、边框样式、文本对齐、字体大小、内外边距以及元素定位等多个方面,是理解CSS布局和美化网页的重要参考。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.背景属性(Background)
background:在一个声明中设置所有的背景插件1
background:transparent; /透视背景/
background-attachment:设置背景图像是否固定或者随着页面的其余部分滚动1
fixed;(固定) scroll;(滚动)
background-color:设置元素的背景颜色1
background-image:设置元素的背景图像1
url();
background-position:设置背景图像的开始位置1
background-position : top; /向上对齐/
background-position : buttom; /向下对齐/
background-position : left; /向左对齐/
background-position : right; /向右对齐/
background-position : center; /居中对齐/
background-repeat:设置是否及如何重复背景图像
repeat:默认值,设置背景图像在垂直方向和水平方向平铺,即:完全平铺。
repeat-x :设置背景图像在水平方向平铺。
repeat-y :设置 背景图像在垂直方向平铺。
no-repeat:设置背景图像不平铺
2.边框属性(Border和Outline)
border:在一个声明中设置所有的边框属性1
border-bottom:在一个声明中设置所有的下边框属性1
border-bottom-color:设置下边框的颜色2
border-bottom-style:设置下边框的样式2
border-bottom-width:设置下边框的宽度1
border-color:设置四条边框的颜色1
border-left:在一个声明中设置所有的左边框属性1
border-left-color:设置左边框的颜色2
border-left-style:设置左边框的样式2
border-left-width:设置左边框的宽度1
border-right:在一个声明中设置所有右边框的属性1
border-right-color:设置右边框的颜色2
border-right-style:设置右边框的样式2
border-right-width:设置右边框的宽度1
border-style:设置四条边框的样式1
dotted;(点线) dashed;(虚线) solid;() double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset;()
border-top:在一个声明中设置所有上边框的属性1
border-top-color:设置上边框的颜色2
border-top-style:设置上边框的样式2
border-top-width:设置上边框的宽度1
border-width:设置四条边框的宽度1
outline:在一个声明中设置所有的轮廓属性2
outline-color、 outline-style、 outline-width、 inherit、
outline-color:设置轮廓的颜色2
color-name、 hex-number、 rgb-number、 invert、 inherit
outline-style:设置轮廓的样式2
outline-width:设置轮廓的宽度
Thin、 medium、 thick、 length、 inherit、
**3.文本属性(Text)
**
color:设置文本的颜色1
direction:规定文本的方向/书写方向2
ltr(默认。文本方向从左到右)、rtl(文本方向从右到左)
letter-spacing:设置字符间距1
用PX等定义字符间的固定空间(允许使用负值)
  line-height:设置行高1 normal;(正常) 单位:PX、PD、EM
text-align:规定文本的水平对齐方式1
left、right、 center、justify(实现两端对齐文本效果>
  text-indent:规定文本块首行的缩进1 length、%(可以使用负值)
text-shadow:规定添加到文本的阴影效果2
h-shadow: 设置水平阴影的位置(x轴方向),必需要设置的参数;允许负值。
v-shadow : 设置垂直阴影的位置(y轴方向),必需要设置的参数,允许负值。
blur: 阴影模糊的距离(半径大小),可选择设置的参数。
text-transform:控制文本的大小写1
captilize (文本中的每个单词以大写字母开头)
uppercase(仅有大写字母)
dowercase(仅有小写字母)
white-space:规定如何处理元素中的空白1
pre(保留空白、保留换行符、不允许自动换行)
nowrap(合并空白、忽略换行符、不允许自动换行)
pre-wrap(保留空白、保留换行符、允许自动换行>
pre-line(合并空白、保留换行符、允许自动换行>
word-spacing:设置单词间距1 length
text-decoration:修饰 underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)
4.字体属性(Font)
font:在一个声明中设置所有字体属性1
  font-family:规定文本的字体系列1
font-size:规定文本的字体尺寸1 x-large;(特大) xx-small;(极小)
  font-size-adjust:为元素规定aspect值2 none (默认)
Number (定义字体的aspect值比率)
font-stretch:收缩或拉伸当前的字体系列2
Normal(默认值。把缩放比例设置为标准)
Wider(把伸展比例设置为更进一步的伸展值)
Narrower(把收缩比例设置为更进一步的收缩值)
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded
(设置 font-family 的缩放比例。)
“ultra-condensed” 是最宽的值,而 “ultra-expanded” 是最窄的值。
font-style:规定文本的字体压实1
oblique;(偏斜体) italic;(斜体) normal;(正常)
font-variant:规定文本的字体样式1
small-caps;(小型大写字母) normal;(正常)
font-weight:规定字体的粗细 bold;(粗体) lighter;(细体) normal;(正常)
5.外边距属性(Margin)
margin:在一个声明中设置所有的外边距属性1
auto
浏览器计算外边距。
length
规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。
%
规定基于父元素的宽度的百分比的外边距。
inherit
规定应该从父元素继承外边距。
margin-bottom:设置元素的下外边距1
margin-left:设置元素的左外边距1
margin-right:设置元素的右外边距1
margin-top:设置元素的上外边距
6.内边距属性(Padding)
padding:在一个声明中设置所有的内边距属性1
auto
浏览器计算内边距。

length
规定以具体单位计的内边距值,比如像素、厘米等。默认值是 0px。

%
规定基于父元素的宽度的百分比的内边距。

inherit
规定应该从父元素继承内边距。

padding-bottom:设置元素的下内边距1
  padding-left:设置元素的左内边距1
  padding-right:设置元素的右内边距1
  padding-top:设置元素的上内边距
7.列表属性(List)
list-style:在一个声明中设置所有的列表属性1
  list-style-image:将图像设置为列表项标记1 url()
  list-position:设置列表项标记的放置位置1 outside;(外) inside;(内)
list-style-type:设置列表项标记的类型
disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman;lower-alpha; upper-alpha;
8.尺寸属性(Dimension)
height:设置元素高度1
  max-height:设置元素的最大高度2
  max-width:设置元素的最大宽度2
  min-height:设置元素的最小高度2
  min-width:设置元素的最小宽度2
9.定位属性(Positioning)
bottom:设置定位元素下外边距边界与其包含块下边界之间的偏移2
  clear:规定元素的哪一侧不允许其他浮动元素1
  display:规定元素应该生成的框的类型1
  float:规定框是否应该浮动1
  left:设置定位元素左外边距边界与其包含块左边界之间的偏移2
  overflow:规定当内容溢出元素框时发生的事情2
  position:规定元素定位类型2
  right:设置定位元素右外边距边界与其包含块右边之间的偏移2
  top:设置定位元素上外边距边界与其包含块上边之间的偏移2
z-index:设置元素的堆叠顺序  z-index值默认为0,值越大层越靠上,没有最大值也没有最小值。
position:static;默认值
position:absolute;绝对定位
position:fixed;固定定位
position:relative;相对定位

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值