CSS布局的三种机制 CSS提供3种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位。 1.普通流(标准流) ? 块级元素会独占一行,从上向下顺序排列; ? ■常用元素: div、 hr、 p、h1~h6、 ul、ol、dl、form、table ? 行内元素会按照顺序,从左到右顺序排列 ...
分类:
Web程序 时间:
2020-11-17 12:32:43
阅读次数:
27
减少http请求。 使用 HTTP2。 使用服务端渲染 静态资源使用 CDN 将 CSS 放在文件头部,JavaScript 文件放在底部 使用字体图标 iconfont 代替图片图标 善用缓存,不重复加载相同的资源 压缩文件 图片优化 (1). 图片延迟加载 (2). 响应式图片 (3). 调整图 ...
分类:
其他好文 时间:
2020-11-17 11:52:44
阅读次数:
4
前端开发学习每个人都想走捷径,即想高效快速学习又想掌握当今最新的前端技术知识。其实,这样的想法是对的,找对学习方法就能达到这个效果。前端开发学习每个阶段都是非常重要的,一部分为专业知识、另一部分实战经验也非常重要,平时不但要仔细研究基础又要多练代码,通过几个月的系统学习,相信大家都能成为前端开发大师... ...
分类:
Web程序 时间:
2020-11-17 11:52:22
阅读次数:
14
后代选择器:可以选择父元素中的子元素--用空格分开 2)子元素选择器:选择某个元素最近一级的子元素(亲儿子)--使用 > 分开 3)并集选择器:集体声明 —— 选择多 ...
分类:
Web程序 时间:
2020-11-13 12:58:56
阅读次数:
16
使用伪类(::before/::after)设置文本前后图标。减少标签的浪费,使页面更加整洁。 如图: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ ...
分类:
其他好文 时间:
2020-11-13 12:17:39
阅读次数:
5