css
Knight__D
"嗨,海绵宝宝,我们去抓水母吧"海绵宝宝:"对不起,今天不行,我要上学"派大星:"如果你去上学的话,我今天该干点什么?"海绵宝宝:"我不知道,一般我不在家的时候,你都干些什么啊?"派大星:"等你回来"。
展开
-
基础 -- H5、C3、ES6的新特性
H5的新特性1.语义化标签有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各个关键字的权重。 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构 方便其他设备的解析 便于团队开发和维护 1. 语义化标签 header:定义文档的页眉 头部 nav:定义导航链接的部分 footer:定义文档或节的页脚 底部 article:定义文章。 section:定义文档中的节(section、区段) aside:定义其所处内容之外的内容 侧...原创 2020-12-04 17:07:30 · 507 阅读 · 0 评论 -
基础 -- CSS盒模型
1. 什么是CSS盒模型 元素的外边距(margin)、边框(border)、内边距(padding)、内容(content)就构成了CSS盒模型。2. IE盒模型和W3C盒模型CSS盒模型分为IE盒模型(图2)和W3C盒模型(图3)。其实,IE盒模型是怪异模式(Quirks Mode)下的盒模型,而W3C盒模型是标准模式(Standards Mode)下的盒模型。 IE6及其更高的版本,还有现在所有标准的浏览器都遵循的是W3C盒模型,IE6以下版本的浏览器遵循的是IE盒模型。IE盒...原创 2020-12-04 17:05:00 · 87 阅读 · 0 评论 -
基础 -- 关于移动端布局dpr
rem淘宝的移动端布局方案 Flexible.DPR(设备像素比):设备像素比 = 设备像素 / 设备独立像素(CSS像素)。将根据已有的meta标签来设置缩放比例//如果在meta标签中,我们手动配置了flexible,则使用里面的内容//devicePixelRatio这个属性是可以获取到设备的dpr的var devicePixelRatio = window.devicePixelRatio;这里只对IOS端做了处理 dpr = dpr >= 3 ? 3 : ( dpr >原创 2020-12-04 16:58:10 · 894 阅读 · 0 评论 -
基础 -- flex布局
目录Flex容器的属性项目的属性Flex是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。display: flex行内元素也可以使用 Flex 布局。display: inline-flex;注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。容器的属性flex-direction flex-wrap flex-flo.原创 2020-12-04 16:55:30 · 103 阅读 · 0 评论 -
基础 -- 什么是BFC?
目录BFC 特性(功能)怎么触发BFC实际遇到的问题:BFC 全称为 块格式化上下文 (Block Formatting Context) 。BFC 特性(功能)使 BFC 内部浮动元素不会到处乱跑; 和浮动元素产生边界。第一个特性情况示例:效果如下:如果这时候我给里面的元素一个 float 或者绝对定位,它就会脱离普通文档流中。效果如下:第二个特性情况示例:怎么触发BFC浮动元素:float 除 none 以外的值。绝对定位元素:po原创 2020-12-04 16:52:18 · 103 阅读 · 0 评论