CSS的常用样式
- 边框以及弧度样式
border-width:边框的线条宽度。
border-style:边框的样式,例如 solid实现 dotted 点线 dashed 虚线…
border-color:边框的颜⾊
border-radius :可以⽤来设置边框的圆⻆ 或者将边框从矩形改为圆形 或者椭圆形。
Border-top-left-radius:⽤来设置边框的左上⻆,还有对应的 右下⻆ 右上⻆ 左上⻆ 这⾥不再赘述。
border-top:⽤来单独设置边框的上边沿,同理还有border-bottom border-left border-right - 字体样式
font-family:设置字体的“字体”样式 例如 微软雅⿊ monospace。
font-size:设置字体的⼤⼩。
font-weight:设置字体粗细 常⽤的是bold
font-style:设置斜体。itatic - ⽂本样式
text-align:设置⽂本对⻬⽅式
text-decoration:修饰⽂本主要使⽤上下中划线。
text-transform:⼤⼩写转换uppercase lowercase capital
text-overflow:设置超出⽂本部分已省略号的形式电视配合overflow:hidden使⽤。
overflow:auto⾃动可以显示滑动条。hidden会隐藏超出的内容。
overflow-x: 显示横向滑动条。同理overflow-y纵向滑动条。 - 阴影效果
text-shadow:给⽂本添加阴影。
box-shadow:给标签添加阴影。 - display 属性
display:none 隐藏标签 标签将失去原本来的占位已经对应属性样式,visibility:hidden只是隐形了标签
display:inline-block 将⾏内标签设置为⾏内块标签 使其⽀持宽⾼设置。
display:block将⾏内标签设置为块标签。
display:inline将块标签设置为⾏内标签。 - 背景样式
background:color/url(详细可以参考mdn,通按键f1访问)
background-url:填写图⽚链接
background-color:填写图⽚颜⾊
background-repeat:控制图⽚的复制模式,可以横向纵向单独复制(repeat-x,repeat-y),也可以不使⽤复
制(no-repeat)。
background-position:可以设置图⽚的位置
background-size:⽤来控制图⽚的⼤⼩
background-attouchment:fixed:固定⽹⻚的背景图⽚
截图
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。