美文网首页
《WEB前端开发最佳实践》

《WEB前端开发最佳实践》

作者: 雨泉十代 | 来源:发表于2018-07-11 16:52 被阅读0次

关注用户体验

1.图片要加alt属性,不要再使用html标签中的algin属性

2.表单使用required,placeholder,tabindex,label增加用户体验

css的六种基础选择器:

1.id选择器

2.类选择器

3.属性选择器

4.伪类和伪对象选择器

5.标签选择器

6.通配符选择器

组合起来就有了三种方式:后代选择符,子选择符,相邻选择符

css的权重指的是选择符的优先级

1.选择符分为三种,选择器分为六种基础选择器

2.权重:id>类|伪类|属性>标签|伪对象>通配符

优化代码:

可以合并的样式(9种):

background,margin,padding,text,font,list-style,transform,transition,animation

验证网站:validator.w3.org

相关文章

  • Web前端书籍推荐

    《Web前端开发最佳实践》《编写可维护的Javascript》 这两本书是为了打基础、规范前端开发习惯,很基础但是...

  • 《WEB前端开发最佳实践》

    关注用户体验 1.图片要加alt属性,不要再使用html标签中的algin属性 2.表单使用required,pl...

  • 《Web前端开发最佳实践》笔记

    第一部分 P14 提高页面加载性能: 1 将部分不影响首页展示的JS文件延迟到页面加载后加载; 2 删除页面中初始...

  • HTML标签嵌套到底怎样才算是规范?

    最近在看《web前端开发最佳实践》,看到有一个小节的标题是 过时的块状元素和行内元素 ,之前听到的关于HTML标签...

  • 2018-05-16

    web前端开发 什么是web前端 web前端开发也戏称“web前端开发攻城狮”,目前这个职位也叫“大前端”。这个职...

  • Web 前端优化最佳实践之 Cookie 篇

    Web 前端优化最佳实践第三部分面向 Cookie 。目前只有 2 条实践规则。 1. 缩小 Cookie (Re...

  • 关于web端的优化

    Web前端优化最佳实践及工具集锦发表于2013-09-23 19:47| 34107次阅读| 来源Googe & ...

  • 前端小白不来看看吗?这14本书让你的前端之路步步高升

    web前端开发必看的14本书! 在学习web开发的过程中,实践是出真知的有力武器,但在逻辑思维的训练和撸代码的实践...

  • HTML基础

    新的征程 web前端介绍 web前端开发做什么 pc端web开发;移动端web开发;混合app开发;网页游戏/移动...

  • Lighthouse网页性能评估工具

    用处 Lighthouse用于分析web应用程序和web页面,收集关于开发人员最佳实践的现代性能指标和见解,让开发...

网友评论

      本文标题:《WEB前端开发最佳实践》

      本文链接:https://www.haomeiwen.com/subject/akohpftx.html