qq_42852004的博客

:nth-child(n)不兼容ie8 实例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>伪类选择器兼容IE8</title> <style type="text/css"> //非IE8情況下 ul>li:...

(1) 游览器解析CSS的方式: 从右往左解析: e.g (2)什么原因造成从右往左解析 原因:处于考虑游览器的性能和解析速度,使得游览器高效和精确的找到目标位置 ...

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CSS基础</title> </head> <body> <header> <h1>CSS基础</h1> </...

class选择器： 命名规则： 1.不能以数字开头 2. 以小写字母开头 3.不能以中文命名 4. 尽量不要用拼音 5. 见名知意 6.使用 - 或 _ 7.驼峰命名bannerBox， 第二个单词首字母大写 id选择器： （1）id选择器具有唯一性（在整个页面结构中只能出现一次） （2）与class的区别是class可以在结构中多次出现 后代选择器： （1）从第一个元素找到某一个后代元素 （2...

外边距合并问题主要发生在上外边距问题的展现： 当父集和子集同时margin-top的时候一个是50px另外一个是20px，选择最大的那个值 父子级外边距合并，造成子集不能实现margin-top=>什么原因？=>怎么解决？ padding解决外边距合并问题=>overflow:hidden; border怎么去继承， 怎么去继承父级元素 造成的原因 普通文档流的概念：从上到下...

使用tr标签来 标签来包裹 //标头 用th标签定义表头 使用thread标签定义表格头部 /整个表格头部/ /*表格标题*/ /*表格身体*/ /*表格尾/底部*/ 合并单元格： colspan 横向合并 rowspan 纵向合并 注意： 1.合并单元格都是合并td 表格的特性： 1. 单元格默认平分table的单元格 2. 当给了table宽度，没有给单...

img标签基础解析 在HTML5中img标签图片四要素： （1）src：图片路径 （2）width： （3）height： （4）alt： alert的作用: 当图片发生错误时候，用alt里面的函数表示错误内容 便于搜索引擎抓取(方便于搜索引擎抓取,方便SEO渲染) 注意事项： （1）img设置的width和height必须是图片的原始尺寸 （2）一般inline元素是不能设置宽高，虽然img...

<!----> <!doctype html> <html lang="en"> <head> <!--charset表示引用了什么字符集合，UTF-8,保证页面不出现乱码--> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus...

查看参考链接：https://www.w3.org/TR/html5/dom.html#phrasing-content <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"&...

参考资料： （1）嵌套关系：http://jkorpela.fi/html/nesting.html （2）a标签为什么在html5中可以嵌套block标签并且合法化：https://www.w3.org/TR/html5/textlevel-semantics.html#elementdef-a <!doctype html> <html lang="en"> <...

解决方案： Reset css：https://meyerweb.com/eric/tools/css/reset/ 雅虎的前端解决框架：https://yuilibrary.com/yui/docs/cssreset/ normalize:https://necolas.github.io/normalize.css/ Reset css 会清除游览器一些默认样式 雅虎的前端解决方案：比较落后 ...