CSS知识超详细

文章目录

  • 一.CSS介绍
  • 二.基础知识
      • 1.CSS样式表
      • 2.基础选择器
        • (1)标签选择器
        • (2)类选择器
        • (3)id选择器
        • (4)通配符选择器
      • 3.复合选择器
        • (1)后代选择器
        • (2)子选择器
        • (3)并集选择器
        • (4)交集选择器
        • (5)伪类选择器
      • 4.字体样式属性
        • (1)字体大小font-size
        • (2)字体类型font-family
        • (3)字体粗细font-weight
        • (4)字体风格font-style
      • 5.文本外观样式
        • (1)设置文本颜色color
        • (2)word-spacing
        • (3)letter-spacing
        • (4)line-height
        • (5)text-transform
        • (6)text-decoration
        • (7)text-align
        • (8)text-indent
        • (9)white-space
      • 6.文本外观属性
        • (1)text-shadow
        • (2)overflow
      • 7.CSS层叠性、继承性及优先级
      • 8.边框介绍
        • 8.1边框属性
          • (1)border-style
          • (2)border-width
          • (3)border-color
          • (4)border-radius
        • 8.2内边距属性
        • 8.3外边距属性
        • 8.4box-shadow
      • 9.背景属性
        • 9.1背景颜色
        • 9.2背景图片
          • (1)background-repeat
          • (2)background-position
          • (3)background-attachment
          • (4)background-size
          • (5)background-origin
          • (6)background-clip
          • (7)复合写法
          • (8)不透明
      • 10.元素的类型
      • 11.span标签
      • 12.display
      • 13.表格标签
        • (1)标签
        • (2)
        • 标签
        • (3)
        • 标签
        • (4)
        • 标签
        • (5)表格边框
        • (6)折叠边框
        • (7)表格宽度和高度
        • (8)表格边框间距border-spacing
        • (9)表格标题位置caption-side
        • 14.表单
          • 14.1创建表单
            • (1)标签
          • 14.2表单控件
            • (1)input控件
            • (2)input/标签的type属性
            • (3)textarea控件
            • (4)select控件
        • 15.CSS盒子模型
          • (1)边框(border)
          • (2)内边距(padding)
          • (3)外边距(margin)
          • (4)清除内外边距
          • (5)盒子模型
        • 16.浮动布局
          • (1)传统网页布局
          • (2)浮动简介
          • (3)浮动特性
          • (4)清除浮动
        • 17.定位布局
          • (1)定位组成
          • (2)相对定位relative
          • (3)绝对定位absolute
          • (4)子绝父相
          • (5)固定定位fixed
          • (6)定位叠放次序z-index
          • (7)定位拓展
        • 三.其他
            • 1.圆角边框
              • (1)圆形
              • (2)圆角矩形
            • 2.盒子阴影
            • 3.文字阴影
            • 4.用户界面样式
              • (1)鼠标样式 cursor
              • (2)轮廓线 outline
              • (3)防止拖拽文本域 resize
            • 5.过渡 transition
        • 一.CSS介绍

          CSS 是 层叠样式表的简称,也是一种标记语言。CSS 主要用于设置 HTML 页面中的 文本内容, 图片的外形以及 版面的布局和外观显示样式 。
          可以简单理解: CSS 可以美化 HTML , 让 HTML 更漂亮,让页面布局更简单 。

          二.基础知识

          1.CSS样式表

          (1)行内式

            <p style="color: pink; font-size: 15px;">但使龙城飞将在p>
          

          (2)内联式

           <title>内部样式表title>
              <style>
                      div 

          你可能感兴趣的:(前端,css,html,css3)