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属性:指定元素的显示方式
框;
块级框模型: