常见css属性(1)

常见css属性(1)

width: 设置元素宽度

height:设置元素高度

padding: 内边距 盒子里面和内容的距离

margin:外边距 盒子和外面其他盒子的距离

-margin:0 auto; 盒子水平居中

overfiow:溢出内容处理

-overflow:hidden; 隐藏超出部分

font-size: 文字大小

color: 文字颜色

font-weight: 字体样式

font-weight:字体粗细

-bold加粗,normal正常

text-align: 文字水平对齐

-center居中 left左对齐 right右对齐

line-height:行高,可以让文字垂直居中

text-indent:首行缩进

text-decoration:文字修饰

-none 去下划线

-underline 下划线

background-color:背景颜色

background-image:背景图片

background-repeat:图片是否重复平铺

-repeat-x 水平平铺

-repeat-y垂直平铺

-no-repeat 不平铺

background-poaition:背景图片位置

background-attachment:背景固定fixed固定不动

border:边框

border-radius:圆角边框

float:浮动,用来横向并排盒子

clear:both 清除浮动,解决盒子塌陷

display:

-block:块级元素,独占一行,可以设置宽高

-inline:行内元素,并排,不能设置宽高

-lnline-block:行内块,可以并排+设置宽高

position定位

-relative相对位置:相对自己原本位置移动,不脱离文档流

-absolute绝对位置:相对于父级定位盒子

-fixed固定定位:固定在浏览器窗口,滚动页面

posted @ 2026-05-31 12:29  Nuyoahr  阅读(12)  评论(0)    收藏  举报