![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 79
温清夜
我仍然认为向人诉苦不过是徒劳,与其如此,不如默默承受。
展开
-
一篇文章让你不再担心浮动
浮动的效果 文档流 文档流是文档中可显示对象在排列时所占用的位置。 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序,该在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的顺序) 浮动的特点 使元素脱离文档流,按照指定的方向发生移动,遇到父级的边界或者相邻的浮动元素就会停下来 1 块元素可以在一行显示 2 按照一个指...原创 2018-11-27 22:49:22 · 258 阅读 · 0 评论 -
响应式布局
概念 1 响应式Web设计是在开发和设计网站过程中产生的一种方式,它的目的是让内容布局能随用户使用显示器的不同而变化。再明确点说,这种设计概念,就是让原本1292像素宽,4栏的内容,能够很好地显示在1025像素宽的用户屏幕上,同时还能自动简化成2栏。当然,让它很好的适应智能手机和其他种类电脑的屏幕也就成了水到渠成的事了。这种特殊的设计形式就被成为“响应式Web设计”。 2 响应式Web设计的优点:...原创 2018-11-28 20:00:21 · 288 阅读 · 0 评论 -
透明度问题
实现透明的三种方法 1 CSS3的opacity(不透明)取值是在0-1(表示完全透明,1表示完全不透明) 2 rgba(red,green,blue,alpha)alpha的取值0-1 3 IE专属滤镜filter:Alpha(opacity=x)x的取值从0到100,例如:filter:Alpha(opacity=80) opacity 兼容性:IE6,7,8不支持 设置opacity元素的所...原创 2019-01-17 14:34:29 · 507 阅读 · 0 评论 -
弹出层详解
我看面经的时候,第一次遇到弹出层这个词,以前从来没有遇见过,上网看了看,没有一个是能说明白的,后来特意去看了很多的视频,下面就给大家详细解说下弹出层这个概念 弹出层和弹窗 我当初以为弹窗和弹出层是一个东西,后来也问了很多人,在广义上,他们确实相同。为啥这样说呢? 因为二者都是点击一个按钮然后出来一个创建(多用于登录界面). 但是详细的来分,二者是有区别的!弹窗一般弹出来的窗口都是垂直居中于页面的,...原创 2019-01-14 21:36:30 · 3778 阅读 · 2 评论 -
水平垂直居中
CSS居中对齐 垂直居中 方法一: 这种方法用来实现单行垂直居中是相当的简单的,你只要保证元素内容是单行,并且其高度是固定不变的,你只要将其“line-height”设置成和“height”值一样就Ok了。不过这种方法局限性太大,只有单行文本的元素才适用,所以在多行元素中是不能使用这种方法的。 <!DOCTYPE html> <!-- 作者:630280136@qq.com ...原创 2019-01-16 20:49:58 · 328 阅读 · 0 评论 -
BFC详解
BFC的基本概念 块级格式化上下文 BFC布局规则=>BFC的原理(渲染原理) 1.内部的Box会在垂直方向上一个接一个放置 2.Box垂直方向的距离由margin决定,属于同一个BFC的两个相邻的Box的margin会发生重叠。 3.每个元素的margin box的左边,与包含块border box的左边相接触 4.BFC的区域不会与float box重叠 5.BFC是页面上的一个隔离...原创 2019-02-10 22:17:54 · 354 阅读 · 0 评论 -
布局
涉及的范围 页面布局 CSS盒模型 DOM事件 HTTP协议 面向对象 原型链 通信 算法 安全 一面/二面 页面布局 1 假设高度已知,请写出三栏布局,其中左栏,右栏宽度各位300px,中间自适应 题目的延伸 1 每个方案的优缺点 写在代码下面 2 假设把高度去掉,考虑纵向,哪个方案不适用? 定位和表格能用 3 兼容性,真正在业务中,使用哪种? 看情况!! 浮动布局 <!DOC...原创 2019-02-23 19:54:21 · 290 阅读 · 0 评论