HTML与CSS的总结

一、html的文本标签
1、标题标签:h1~h6普通的文本标签 :span
2、段落标签:p文章标签 :article 文章中的节标签:section
3、布局标签:div
5、图片显示标签: img(属性 src alt title)它是行内块级标签。
6、超链接标签: a(href target)
7、框架标签: iframe
8、列表标签:
a、有序列表


    b、无序列表

      c、定义列表

      9、表格标签table
      10、表单标签 form
      11、form表单标签内的标签 lable input textarea select button
      二、css的基本内容
      1、css的使用方式:内嵌式 行内式 外链样式 导入样式
      2、css选择器:
      a、基础选择器(类选择器 标签选择器 ID 选择器)
      b、后代选择器
      c、子选择器
      c、伪类旋选择器
      d、群组选择器
      e、兄弟选择器
      f、属性选择器
      **3、**css选择器的权重 行内值:1000; class :100; id:10;标签:1;
      4css字体样式的设置:
      a、字体风格:font-style
      b、字体粗细:font-bold
      c、字体大小:font-size
      d、字体类型:font-family
      5、css的扩展:px 、em 、rem
      6、css文本样式的设置
      a、文本颜色:color
      b、文本居中方式:text-align
      c、段落首行缩进:text-indent
      d、文本装饰线:text-decoration
      e、英文字母的大小写:text-transform
      f、文本阴影:text-shadow
      g、段落文本行高 line-height
      h、单词的间距:word-spacing
      j、字符的间距:letter-spacing
      k、空格换红处理:white-space
      l、设置文本方向:direction
      m、设置文本溢出处理:overflow
      n、文本的裁剪:text-overflow
      7、css盒子模型(content、padding、border、margin)
      8、css 背景
      a、背景颜色:background-color
      b、背景图像:background-image
      c、背景图片重复:background-repeat
      d、背景图定位:background-position
      e、背景图大小:background-size
      f、规定背景颜色裁剪终点:background-clip
      g、背景图片开始位置:background-origin
      h、背景组合值:background
      i、背景色渐变:background(linear-gradient线性渐变、radial-gradient径向渐变)
      9、vertical-align的作用
      10、css元素的显示与隐藏(元素的显示方式display /元素的不透明度 opacity、元素的可见性:visibility)
      11、css元素的浮动float
      12、css元素的定位position
      13、扩展字体图标库
      14、css的过渡与动画
      a、过渡:transition
      b、动画:animation
      15、css的变形转换(transform)
      a、位移-translate
      b、缩放- scale
      c、倾斜:skew
      d、旋转-rotate
      e、transform-origin变换原点
      f、transform-style 3D嵌套样式
      g、perspective-origin定义3D元素透视原点
      h、perspective-visibility3D翻转背面可见性
      16、media响应式
      17、flex布局

      猜你喜欢

      转载自blog.csdn.net/weixin_43748935/article/details/85007277