入门前端html5+css3

HTML5+CSS


  • body标签:页面中所有的可见元素都应该存在元素中;
  • head标签:为一张网页储存一些必要的信息;
  • title 标签:标题标签 h1……h6;
    • small:副标题标签
  • p 标签:用于划分段落;
  • div (division) :容纳其他的元素,用于分类,整理网页中的内容。类似于目录;
  • a (anchor) :锚链接 制定在网页中的链接 a 标签里面 herf 是一个网页的一个属性 可有多个属性, targe="" 用于指定在何处位置打开网页,是新建还是当前网页打开。一般默认 self 为当前网页打开; blank 为在新标签网页打开;
  • img (image) :专门用于在网页中指定图片的标签,只有开始标签,没有结束标签 src="" 用于输入图片链接, alt"" 用来显示图片主题;
    表格类型标签
    • table :表示一个表格
    • tr :table标签内一行
    • td :tr内 一个单元格
    • th :tr内 填数据属性
    • thead :表格的头 用来放标题之类的东西;
    • tbody :表格的身体 放数据本体
    • tfoot :表格的脚 放表格的脚注之类
  • header 标签:用于存放一些标题相关的内容,概括整个页面的一些内容
  • footer 标签:专门制定页脚 放重要但是不常用的内容
  • hr :水平线
  • link 标签没有结束标签 给页面指定样式表,加载样式表
  • script 标签:专门用于加载 js 的;本身不会显示,最后会被浏览器执行;可理解为对浏览器一条一条的指令。}
  • button标签:按钮 作为一个提交表单的触发者/存在于一张表单;
  • abbr标签:(abbreviation) 专门为缩写准备的标签,解释缩写的标签。
  • code标签:镶嵌在文字内部,
  • pre标签:引用一大段代码 } 都用于包含代码,显示代码;都为等宽字体,更容易编排

css引入:
 style 标签引入;链接式 link 标签引入; @import url(需引入的目录) 需要定义到一个文件的开始 ;
  <p stule=""></p>在 p 标签 style内直接写样式(权限最高,最不灵活);;

···

  • 元素选择器:引入 css 文件;在css中整理元素;;

  • 类选择器:class 具有同一类的属性 给一个范围就小一点 指定页面中的一类元素

  • ID选择器:id 用于定位页面中的唯一的一个元素 不能重复,id 选择器以 “#” 来定义 };;

  • 属性选择器:可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。

            border: solid   dotted 点  dashed 虚线
            title$="X"  用于匹配以X字符结束的
            title^="X"  用于匹配以X字符开始的;;
    
  • 后代选择器 :包含选择器

  • 相邻选择题:可选择紧接在另一元素后的元素,且而者有相同父元素.

  • 伪类选择器: a:link && a:avisited && && a:hover && button:hover && button:active && input:focus ;;
    伪元素选择器
    在这里插入图片描述

选择器权重
在这里插入图片描述

字体属性
在这里插入图片描述

文字属性
在这里插入图片描述
display属性:指定元素的显示方式
在这里插入图片描述


块级框模型:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/KennGum/article/details/106428737