css基本标签

    1. 什么是CSS  cascading style sheets   层叠样式表,是网页结构和表现分离
    2. CSS的引入方式
       1.行内<p style="xxx:xx;"></p>
       2.内嵌
        <style type='text/css'>...</style>
       3.外联
        <link href='xxxx.css'>
    3.CSS基本选择器
        1. * 通配符
        2. tag 标签
        3. class 类
        4. id  
        5.  群组  ,逗号隔开
        6. 后代,空格
        7. 直接子集, >隔开
    4. CSS选择器优先级
        同级别选择器最后优先
        !important > 行内 > id > class > tag  > * 
        多级选择器,权重值 求和计算优先级
    5. CSS 尺寸单位
        1.  px 像素,绝对值适合于pc页面
        2. em  相对于父元素的 字体大小
        3. rem  相对于根html节点的 字体大小
        4. %  相对于父元素的 百分比大小
        5.  vw/vh 相对于浏览器窗口的 百分比大小
        6. cm/mm/pt  打印单位
    6.CSS 颜色单位
        1.  rgb   Red(0-255)  Green(0-255) Blue(0-255) ,24位色,颜色范围 16,777,216个颜色
        2. rgba    Red(0-255)  Green(0-255) Blue(0-255)  A(0-1),32位色
        3. 英文单词
        4. 16进制颜色 #ff00f0
    7. 字体文本样式
        1. font-size:字体大小
        2. font-famliy : 字体字型
        3.font-weight : 字体加粗 100-900
        4. font-style: 字体倾斜
        5. color : 字体颜色
        6. text-align: 文本水平对齐方式 left center right  justify(非最后一行两端对齐)
        7. text-align-last: 最后一行的文本对齐方式
        8. text-decoration: 文本装饰线 ,overline  line-through  underline
        9. text-transforom: 英文字母大小写
        10. text-indent: 首行缩进
        11.  text-overflow:  可设置单行文本显示省略号
        12. white-space: 空白处理. nowrap不换行  wrap换行   pre预定义文本
        13. overflow:溢出选项, hidden隐藏  scroll始终显示滑动条  auto 自动
        14. word-spacing: 单词间距
        15.letter-spacing:字符间距
        16. line-height: 行高
        17.vertical-align:垂直对齐方式

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值