css属性大全

 1.文字样式

    font-size 文字大小

    font-family "黑体" 字体

    font-style:italic; 文字倾斜

    font-weight:bold; 加粗 ; 文本加粗

    font-variant:small-caps; 小型的大写字母

    2.文本样式

    color文本颜色

    text-shadow:2px 5px 2px gray;文本阴影

    属性值:水平线上的唯一,竖直方向上的位置,模糊度,颜色;

    text-decoration:line-through under-line;文本样式加线

    text-transform:capitalize; 英语单词首字母大写

    text-indent:2em;段落缩进几个单位

    text-align:center;文本水平对齐方式  左  右  中间

    line-height:xxpx;文本竖直方向居中,数值为盒子高度

3.背景样式

    background-color:pink;  背景颜色

    background-image:url();背景图照片   背景图片不重复no-repeat

    background-size:cover;背景尺寸  

    cover占满整个容器,contain/100%照片完全显示出来

    background-position:center;背景定位,

    属性两个,另一个只写一个默认中间  如:left top;

    background-attachemt:fixed;  背景固定,

    表示某个图片或,,在页面不会随着上下移动而移动

    background-clip:boder-box;默认背景位置从边框线开始

                    padding;默认位置从内边距开始

                    centent-box;默认位置从内容开始

4.边框样式

    boder-width:100px;边框的线宽,粗细

    boder-style:solid;线的样式,还有很多等等

    boder-color:red;边框的颜色

    boder:线宽,样式,颜色。综合写法

    boder-radius:50%;边框的圆角。

    box-shadow:2px 2px 2px pink;水平位移 垂直位移 模糊度 颜色。盒子阴影

    四个属性的如边框颜色boder-color:red gray pink blue 遵循上右下左顺序

    上下   左右

    上  左右   下

    上   右   下   左

    透明色transparent

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值