• 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选择器优先级
      1)同级别选择器最后优先 !important > 行内 > id > class > tag > *
      2)多级选择器,权重值 求和计算优先级
    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:垂直对齐方式

    8、注释

      /*内容*/

  • 相关阅读:
    package.json中 npm依赖包版本前的符号的意义
    移动端1px的border
    react下将输入的汉字转化为拼音
    h5打开App的方法。
    图片在缩放截取后以固定尺寸上传到第三方
    图片裁切,上传,自动匹配颜色。
    ReactNative学习一
    MySQL数据库8(二)MySQL基本介绍
    MySQL数据库8(一)SQL简介

  • 原文地址:https://www.cnblogs.com/liunaixu/p/16369346.html
Copyright © 2020-2023  润新知