HTML属性
1、给整个页面添加背景色--------bgcolor
<body bagcolor="color"> </body>
2、拥有关于对齐方式的附加信息： 居中排列标题
<h1 align="center">我是居中的标题</ h1>
HTML标签
1、成对出现
2、尖括号包围的关键字
HTML文档
包含 标签 和 纯文本
web浏览器的作用
读取HTML文档，并以网页的形式展示它们
HTML基础
img标签-----图形的名称和尺寸以标签的形式提供
如果有多个img标签，图片换行会出现空白，如何解决？
1、把img的父标签设置font-size：0
2、把img变成块级标签
对问题的解释：因为img属于内联元素，浏览器在内联元素换行时会自动插入一个3px的空格
HTML元素
从标签开始到标签结束的所有的代码
例： <div>我是一段文字</p>
HTML颜色
只有16种颜色被支持。例如： aquamblack,blue.....
使用其他颜色需要使用十六进制
HTML样式
1、外部样式 被多个文件所应用时 <link rel="stylesheet" type="text/css" href="style_address"
2、内部样式 单个文件中需要单独的样式 body{color: red}
3、内联样式 单个元素需要单独的样式 <p style="color: red">内联</p>
HTML超链接
1、锚点
使用name
<a href="#name1" > 跳转到name1 </a>
<a name="name1"> 我是name1,要跳转到我这里 </a>
使用id
<a href="#name2">跳转到name2</a>
<h1 id="name2">我是name2，要跳转到我这里</h1>
HTML列表
1、无序列表 ul
2、有序里边 ol
HTML块
1、内联元素 <b> <span> <img> <a> span标签没有什么特定的含义，可用于为部分文本设置属性
2、块级元素 <div> <p> <h1> <ul>
HTML Id
1、id对大小写敏感
2、class和id的区别
class可以应用在多个HTML元素上，id只能应用在一个html元素上
HTML内联框架
iframe width和height属性规定iframe的宽度和高度，可以是像素或者百分比
iframe语法 <iframe src="address" width="width" height="height" iframeborder="px" />
iframeborder="0"，去除iframe边框
HTML布局
H5语义元素
header nav footer section article......
页面为什么会卡死？（即浏览器的渲染过程）
当浏览器拿到HTML文件时，
1.首先生成dom树和cssom树
2.对比dom树和cssom树生成渲染树
3.发生回流（即生成每个元素所对应的位置、大小、形状等）注意：回流是指的可见的dom节点，如display:none；这不会发生回流，因为是不可见的dom节点 opacity:0是可见的dom元素 会发生回流
4.发生重绘（即把每个所对应的元素在浏览器显示出来）
那种情况会发生回流？
元素的大小，位置，宽高，内边距以及外界窗口发生变化时会发生回流
是如何减少回流与重绘的次数？
比如对单个dom进行修改，把dom.style.属性=属性 改为dom.cssText 或者使用class做切换
或者使元素脱离文档流，修改完以后再放回文档流
脱离文档流不是指的元素不在dom中了，它是指的当其他的元素排位置的时候把脱离文档流的元素给忽略掉 它俩可以相互重叠
网友评论