css
MeiLuan_yahoho
这个作者很懒,什么都没留下…
展开
-
【转】JS面试复习--css布局
单列布局常见的单列布局有两种:header,content和footer等宽的单列布局header与footer等宽,content略窄的单列布局1.如何实现对于第一种,先通过对header,content,footer统一设置width:1000px;或者max-width:1000px(这两者的区别是当屏幕小于1000px时,前者会出现滚动条,后者则不会,显示出实际宽度);然后设...转载 2019-02-21 15:19:44 · 189 阅读 · 0 评论 -
【CSS复习】CSS position绝对定位与相对定位
通常情况下,我们元素的position属性的值默认为static 就是没有定位,元素出现在正常的文档流中,,这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的,不会生效。relative怎么理解呢?如果说我对某元素设置了相对定位,那么首先这个元素他会跟其它的元素一样,出现在文档流中它该出现的位置,然后,我们可以设置它的水平或垂直偏移量,让这个元素相对...转载 2019-03-01 15:33:31 · 226 阅读 · 0 评论 -
【CSS复习】Flex布局
Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器,必须加上-webkit前缀。.box{ di...转载 2019-03-01 17:20:47 · 203 阅读 · 0 评论 -
分享一个详细讲解CSS布局的链接
https://juejin.im/post/5aa252ac518825558001d5de#heading-8原创 2019-03-01 17:45:17 · 206 阅读 · 0 评论 -
CSS盒子模型
盒子模型包含:content,padding,border,margin标准盒子模型:IE盒子模型在标准盒子模型中:width指的是content的宽度,而在ie中width指的是border+padding+content的宽度background-color将填充所有border以内的区域。box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如,假如您需要...原创 2019-02-26 16:37:54 · 217 阅读 · 0 评论 -
CSS面试汇总(将会持续更新)
1.盒子模型2.BFC3.box-sizing原创 2019-02-26 16:38:56 · 190 阅读 · 0 评论 -
【前端面试】响应式布局总结(转)
响应式布局总结本章主要分为以下几个部分正确理解响应式设计响应式设计的步骤响应式设计需要注意的问题响应式布局实现原理第一:正确理解响应式布局响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说:现在社会有很多响应产品,例如折叠沙发,折叠床等等,当我们需要把沙发放到一个角落的时候,此刻沙发就好比div吧,而角落里的某个地方就好比父元素,由于父元素...转载 2019-03-03 10:51:48 · 4417 阅读 · 0 评论 -
CSS布局小结
CSS小结实现水平居中:a.方案一text-align:center(只控制文字、行内元素、行内块级元素)如果是块级元素可以设置display:inline-block去实现。b.方案二marigin:auto(只对块级元素有效 )元素必须要设定width值,且不能为autoc.方案三:子绝父相对子元素设置left:50%transform:translateX(-50%) ...原创 2019-03-15 13:10:12 · 170 阅读 · 0 评论 -
CSS3:nth-child
nth-child(n) ---->选中某个元素,该元素必须是某个父元素下的第n个子元素;p:nth-child(n) ---->选中p元素,且该p元素必须是某个父元素下的第n个子元素注意:n是从1开始的,如果是nth-child(0)是获取不到元素的。正方向范围 nth-child(n+number)li:nth-child(n+6) 选中从第6个开始的...原创 2019-04-12 21:56:57 · 281 阅读 · 0 评论