HTML/CSS
不愿停
程序媛一枚,记录学习心得和总结
展开
-
BFC
解决边距重叠问题/清除浮动 Block Formatting Contexts,属于普通流(1)基本概念:块级格式化上下文(并列ifc为内联格式化上下文)(2)原理(渲染规则):①在同一个bfc,相邻box垂直方向的边距会发生重叠 ②bfc的区域不会和浮动元素的box重叠 ③计算bfc高度时,浮动元素参与计算,清除内部浮动,使盒子重新具有高度。 ④bfc页面是一个独立的元素,...原创 2018-08-14 09:55:02 · 702 阅读 · 0 评论 -
秋招笔试之HTML/CSS常见考点(待补充)
都表示斜体 区别在于是语义化标签,表示强调,单纯表示斜体 权重 :内联 权重1000 , ID 选择器 权重:100, 类 伪类 属性选择器 权重:10 ,类型选择器 权重:1 除!important ,内联权重最大! 存储...原创 2018-08-13 09:51:37 · 438 阅读 · 0 评论 -
存储
浏览器端存储方法IndexdDB HTML5 的本地存储,把一些数据存储到浏览器(客户端)中,当与网络断开时,可以从浏览器中读取数据,用来做一些离线应用。Cookie 通过在客户端 ( 浏览器 ) 记录信息确定用户身份,最大为 4 kb 。最大4096B url 参数用的是 get 方法, 从服务器上获取数据,大小不能大于 2 kb 。post 是 向服务器传送数据,数据量较大。...原创 2018-08-13 10:23:45 · 186 阅读 · 0 评论 -
图片会产生HTTP请求的几种情况 | 图片预加载技术
图片会产生HTTP请求的几种情况只要是img src引用的都会请求;背景仅在应用的元素在页面中存在时,才会产生请求。重复图片/多个元素使用重复背景,只产生一次请求;隐藏元素的背景也会产生请求多重背景,只请求后面的一张图片触发hover时,才会请求hover状态下的背景;不触发的话,只请求默认的背景图片。<style type="text/css"> ...原创 2018-08-13 20:37:14 · 2406 阅读 · 0 评论 -
CSS3的calc()
平时在制作页面的时候,总会碰到有的元素是100%的宽度。众所周知,如果元素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这些都会让你的盒子撑破。我们换句话来说,如果你的元素宽度是100%时,只要你在元素中添加了border,padding,margin任何一值,都将会把元素盒子撑破(标准模式下,除I...转载 2018-08-19 21:16:22 · 175 阅读 · 0 评论 -
transition和animation的区别
区别:1. 触发条件不同。transition通常和hover等事件配合使用,由事件触发。animation则立即播放。 2. 循环。 animation可以设定循环次数。 3. 精确性。 animation可以设定每一帧的样式和时间。tranistion 只能设定头尾。 animation中可以设置每一帧需要单独变化的样式属性, transition中所有样式属性都要一起变化。...原创 2018-09-10 17:33:20 · 1218 阅读 · 0 评论