css
关注
分享
扫一扫
Reilyyy
怕什么真理无穷 进一寸有进一寸的欢喜
展开
-
css面试题---实现中间自适应高度 左右定宽的布局
flex布局实现 这个代码是面试题解析里一位大佬的，此处引用一下。 *{ margin: 0; padding: 0; } header { width: 100%; height: 100px; background-color: #...原创 2020-03-28 10:33:14 · 321 阅读 · 0 评论 -
css水平垂直居中
在已知居中元素的宽高的情况下： 利用定位和负的margin 在定位的情况下，子元素的top和left使用50%，这个百分比是相对于父元素的，但是如果只设置这两点的话，是子元素的上边界和左边界位于父元素的中心线上，如下图 所以此时要利用margin来使子元素向上向左分别移动自身高度和宽度的一半，由于margin取正值是向右和向下移动，所以取负值自然就是向左和向上移动了。 .fa...原创 2020-03-14 20:03:07 · 201 阅读 · 1 评论 -
css盒模型
css3下的盒模型有两种： 边框盒模型（border-box）和内容盒模型（content-box） 具体设置的方法是通过box-sizing属性，默认是内容盒模型。 内容盒模型宽度的计算方法： width+padding+border 也就是说内容盒模型的width属性的值只是内容的宽度，不是整体的宽度。 边框盒模型宽度的计算方法： width 就是说在边框盒模型中包含了padding和bord...原创 2020-03-13 18:22:53 · 145 阅读 · 0 评论 -
css背景图
css3的背景属性 background-size 属性规定背景图片的尺寸。(可以以像素或百分比规定尺寸） background-origin 属性规定背景图片的定位区域。 背景图片可以放置于 content-box、padding-box 或 border-box 区域。 CSS3 允许为元素使用多个背景图像。（background后根多个url 逗号隔开） 一点小的经验 在写页面的时候遇到...原创 2020-02-11 22:09:09 · 136 阅读 · 0 评论 -
css入门---三栏布局的七种方式
双飞翼布局 html： 中间元素最先渲染，然后左元素，右元素 css： 三个子元素统一左浮动，中间元素宽度100%，左元素margin-left：-100%，右元素margin-left 负的自己宽度 ps：记得给父元素清除浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF...原创 2019-09-03 09:29:19 · 169 阅读 · 0 评论