摘要:
CSS可以把多个样式加到同一个元素上。如果多个样式有重合,浏览器会根据权重的大小进行样式覆盖,这就是层叠样式表的由来。 下面我们先来看一下叠加是怎么回事。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta nam 阅读全文
摘要:
1. doctype的意义是什么? 让浏览器以标准模式渲染(盒子模型对于浏览器不统一,使用doctype可以让浏览器以标准模式渲染) 让浏览器知道元素的合法性(是html4,还是xml,还是html5,比如在doctype为html4的html中写了article元素,如果没有doctype,浏览器 阅读全文
摘要:
为什么需要默认样式? 在html发展初期,还没有css文件,另外,css文件可能不能加载,所以这里默认样式就是必要的。 默认样式带来的问题,会影响我们写css,需要我们覆盖默认样式。还有一些默认样式是很难覆盖的,比如下拉框的默认样式,是很难去覆盖的。 DEMO2-7.html <!DOCTYPE h 阅读全文
摘要:
HTML元素嵌套关系(使用验证网站进行验证html的合法性 https://validator.w3.org/) block元素中是可以包含inline元素的。 block元素中不一定是可以包含block元素。比如div元素是可以包含div元素的,但是block元素p是一般不能再包含block元素。 阅读全文
摘要:
HTML版本新加元素 header/footer 页面的头部或者一个区域的头部,所以header和footer可以被包含到section或者article中 section/article 表示区域,div也是区域,但是它没有语义,当不知道使用什么标签时,使用div,当明确知道是区域时,使用sect 阅读全文
摘要:
使用https://h5o.github.io/来查看网站的语义化是否做的好。 检查html是否合法 https://html.spec.whatwg.org/multipage/dom.html#kinds-of-content 阅读全文
摘要:
在head中的元素 meta title style link script base 在body中的元素 div/ section/ article/ aside/ header/ footer(表示一个区域) p(表示段落) span/ em/ strong(表示行内元素(内联元素,inline 阅读全文