摘要: 最常用的字符实体 显示结果描述实体名称实体编号 空格 &nbsp; &#160; < 小于号 &lt; &#60; > 大于号 &gt; &#62; & 和号 &amp; &#38; " 引号 &quot; &#34; ' 撇号 &apos; (IE不支持) &#39; 其他一些常用的字符实体 显示 阅读全文
posted @ 2020-12-31 10:29 人间- 阅读(255) 评论(0) 推荐(0)
摘要: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 阅读全文
posted @ 2020-12-31 08:37 人间- 阅读(637) 评论(0) 推荐(0)
摘要: 运用合适的标签和特定的属性去格式化文档, 简单讲就是根据内容的结构化(内容语义化), 选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析, 有利于SEO,便于团队开发和维护。 阅读全文
posted @ 2020-12-30 19:47 人间- 阅读(99) 评论(0) 推荐(0)
摘要: 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题。 而这个针对不同的浏览器写不同的CSS 代码的过程,就叫CSS Hack。 CSS属性Hack、CSS选择符Hack以及IE条件注释Hack 阅读全文
posted @ 2020-12-30 19:44 人间- 阅读(164) 评论(0) 推荐(0)
摘要: 使用背景图 对于页面中与页面内容无关,起修饰作用的图片,使用背景图 background-image(如页面中小图标尤其多次重复出现的,纹理性的背景),与页面内容相关展示性的图片如(广告图、产品图)使用 img 标签。 图片品质 注意图片优化:在保证视觉效果的情况下,选择最小的图片格式与图片质量,以 阅读全文
posted @ 2020-12-30 19:43 人间- 阅读(201) 评论(0) 推荐(0)
摘要: 用于绘画的 canvas 元素 用于媒体的 video 和 audio 元素 新的特殊内容元素,比如 article、footer、header、nav、section 新的表单控件,比如 calendar、date、time、email、url、search 阅读全文
posted @ 2020-12-30 19:41 人间- 阅读(25) 评论(0) 推荐(0)
摘要: HTML5新标签对IE低版本浏览器的影响及兼容情况处理方案: 方案一:使用javascript新增元素的方法解决document.createElement(“header”);document.createElement(“footer”);… 由于创建出来的元素是内联元素,所以需要转换成块级,宽 阅读全文
posted @ 2020-12-30 19:40 人间- 阅读(478) 评论(0) 推荐(0)
摘要: 选择器 背景和边框阴影 文本效果 2D/3D 转换 动画 多列布局 阅读全文
posted @ 2020-12-30 19:37 人间- 阅读(94) 评论(0) 推荐(0)
摘要: 属性选择器 属性选择器在CSS2中就被引入,即E[attr]、E[attr=”value”]、E[attr~=”value”]。 结构性伪类选择器 :first-child 选择器:用于选取属于其父元素的首个子元素的指定选择器 :last-child 选择器:匹配属于其父元素的最后一个子元素的每个元 阅读全文
posted @ 2020-12-30 19:36 人间- 阅读(376) 评论(0) 推荐(0)
摘要: 1.动画循环就用animation。在animation中有一个animation-iteration-count属性可以定义循环次数。 transition是执行一次以后就不会执行,但是可以通过transitionEnd事件添加循环,与animation相比animation更加简单明了。 2.自 阅读全文
posted @ 2020-12-30 19:34 人间- 阅读(566) 评论(0) 推荐(0)