css常见样式

常见的css样式
color 文字颜色
background-color 背景颜色
opacity 设置透明度

颜色:  光的三原色: 红 绿 蓝
    三种颜色表示法:
        名词表示法: red  green  blue
        16进制颜色表示法: #000000     十六进制 0 --- f
                             # ff(红色) 00(绿色) 00(蓝色)
        十进制颜色表示法:
                rgb(255红,255绿,255蓝)   取值范围   0 --- 255
                rgba(255红,255绿,255蓝,0.5透明度)   取值范围   0 --- 255

                a 表示透明度  取值范围 0-1之间 0代表完全透明 1代表不透明

        opacity 与 rgba() 设置透明度的区别:
                opacity:表示所有内容都更改透明度
                rgba():表示只有背景颜色透明

尺寸:
   width:宽    常见的计量单位:   px(像素)  %(百分比)  em(字体单位)
   height:高
    min-width 最小宽度
    max-width 最大宽度

字体:
    font-size: 设置字体大小 浏览器默认的普通文字大小为16px   最低设置文字大小为8px 一般默认最低为12px 最大不限
    font-style: 设置字体样式  normal表示普通体文字  italic表示斜体文字
    font-weight: 设置字体粗细  normal表示普通体文字  bold表示粗体
    font-family: "楷体"; 设置字体名称  设置的字体必须是电脑上已经安装过的字体

文本、段落
    text-align: 设置文本的水平对齐方式 默认 left 左对齐 可以设置成 center 居中对齐 right 右对齐
    text-indent:设置文本的首行缩进  一般中文段落都会设置成2em 代表首行缩进两个字符
    line-height:设置行高,如果行高比文字的高度要多,那么剩余空间会在文字上下两端平均分配
                    如果设置单行文本在该标签内垂直居中,则直接可以设置行高等于标签的高度
    text-decoration 设置文本修饰
                none 表示没有任何修饰 通常用于去掉超链接的下划线
                underline 设置文本下划线
                line-through 设置贯穿线 也叫删除线
                overline 设置文本上划线
    vertical-align 设置元素的垂直对齐方式
                top 表示设置顶线对齐
                baseline 表示设置基线对齐
                middle 表示设置中线对齐
                bottom 表示设置底线对齐

背景:
    background-color 背景颜色
    background-image 背景图片
            url("") 来引入一张背景图 默认背景图是以平铺的方式显示
    background-repeat 设置背景图片的平铺方式
               repeat 平铺
               no-repeat 不平铺
               repeat-x 水平平铺
               repeat-y 垂直平铺
               round  环绕
    background-size 设置背景图片的尺寸
    background-position 设置背景定位
            left  top  right  bottom  center

   设置以下两个样式 可以将一张背景图完全覆盖整个标签
    background-repeat: round;环绕
    background-size: cover;覆盖
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值