用户中心USER CENTER

首页/用户
  • (实战)多边形,梯形盒阴影css实现技巧

    摘要:一般情况下,我们给块状元素四边形添加阴影样式,直接用就可以了,但是总有一些需求是那么的特别,例如下图要求给这样的梯形盒外围加阴影,第一眼感觉也没啥特别的,但是搞起来就知道多烦了。反正我是折腾了好一会儿,最后只能用下面这样实现了。 一般情况下,我们给块状元素(四边形)添加阴影样式,直接用css box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);就...

    Noodles 发布于Css
  • 关于浮动float

    摘要:浮动的框可以左右移动即,直到它的外边缘碰到包含框或另一个浮动框的边缘。属性的值可以是或,它表示框的哪些边不应该挨着浮动框。在清理元素时,浏览器在元素添加足够的外边距,使元素的顶边缘垂直下降到浮动框下面。 众所周知,浮动模型是一种可视化格式模型。浮动的框可以左右移动(即:float:left;float:right),直到它的外边缘碰到包含框或另一个浮动框的边缘。浮动框不在文档的普通流中...

    Noodles 发布于Css
  • 深入学习CSS布局系列(一)布局常用属性

    摘要:布局涉及到的属性常用属性值此元素不会被显示它和属性不一样。当所有父元素中的所有元素脱离文档流之后,父元素将失去原有默认的内容高度浮动塌陷配合使用属性规定元素的哪一侧不允许其他浮动元素。 @(CSS技巧)[CSS, 布局] 深入学习CSS布局系列(一)布局常用属性 一直感觉自己对CSS的各个属性很了解,可是在前几天一次面试后发现自己真的很多地方感觉自己知道,可是实际上自己并不是真的理解了...

    Noodles 发布于Css
  • 页面渲染性能控制-重绘与回流

    摘要:重绘只涉及样式的改变,不涉及到布局。当获取一些属性时,浏览器为了获得正确的值也会触发回流。避免多次读取等属性。将复杂的元素绝对定位或固定定位,使它脱离文档流。 浏览器解析代码过程 页面的显示过程分为以下几个阶段: 生成DOM树(包括display:none的节点) 在DOM树的基础上根据节点的集合属性(margin,padding,width,height等)生成render树(不包...

    Noodles 发布于Css
  • 移动端开发技巧

    摘要:通常我们再滑屏页面,会调用的可以阻止默认情况的发生阻止页面滚动当手指离开屏幕时触发系统停止跟踪触摸时候会触发。 META相关 1.添加到主屏后的标题(IOS) 2.启用 WebApp 全屏模式(IOS) 3.百度禁止转码。通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非常之恶心。不过我们可以通过这个meta标签来禁止它: 4.设置状态栏的背景...

    Noodles 发布于Css
<