css
文章平均质量分 63
土豆-9
这个作者很懒,什么都没留下…
展开
-
CSS 样式补充
1. display:list-item设置为该属性值的盒子,本质上仍然是一个块盒,但同时该盒子会附带另一个盒子,即同时生成两个盒子元素本身生成的盒子叫做主盒子,附带的盒子称为次盒子,次盒子和猪盒子水平排列PS:这个属性值相当于Ul>li中的li涉及的CSS:1) list-style-type:设置次盒子中内容的类型2) list-style-position:设置...原创 2020-01-14 11:06:38 · 135 阅读 · 0 评论 -
CSS居中总结
居中都是指的盒子在其包含块内的居中一、水平居中1、行盒(行块盒)水平居中直接设置其父元素的text-align:center2.常规流块盒水平居中定宽,设置左右margin为auto3.绝对定位(包括固定)元素的水平居中定宽,设置左右的坐标为0(left:0,right:0),将左右margin设置为auto二、垂直居中1.单行文本的垂直居中设置文本所在区域...原创 2020-01-14 09:21:36 · 95 阅读 · 0 评论 -
浏览器的兼容性
一、兼容性产生的原因: 1、市场的竞争--》标准滞后,浏览器超前 2、标准版本的变化二、厂商前缀: 产生的原因:1.由于市场竞争,浏览器自己支持的属性,但是标准还没有出来 2.标准仍在商讨中(草案),浏览器希望先支持 为了兼容低版本的浏览器,要使用前缀声明来兼容,比如box-sizing(CSS3标准),谷歌旧版本浏览器中使用-webkit-bo...原创 2020-01-10 17:56:10 · 160 阅读 · 0 评论 -
行盒的垂直对齐
1.多个行盒垂直方向上的对齐方式 给没对齐的行盒元素,添加vertical-align,middel或者10px或者10%2.图片的底部白边 当图片的父元素是块盒,且高度自动时,图片的底部和父元素的内容盒底部会出现白边 解决方法有:方法1.设置父元素的字体大小为0,但有副作用,就是父元素内部的字体大小被同步为0了,看不见文字了 方法2.将图片设置为块盒...原创 2020-01-10 17:19:07 · 106 阅读 · 0 评论 -
从CSS盒子模型说起
总括:对于盒子模型,BFC,IFC和外边距合并等概念和问题的总结 原文地址:从CSS盒子模型说起 知乎专栏:前端进击者 博主博客地址:Damonare的个人博客 为学之道,莫先于穷理;穷理之要,必先于读书。正文盒子模型 CSS盒子模型:在一个文档中,每一个元素都被抽象成一个盒子,每一个盒子又包括四部分(从内到外):内容(content),内...转载 2020-01-10 11:30:53 · 138 阅读 · 0 评论 -
CSS块级格式化上下文
全称 Block Formatting Context,简称BFC它是一块独立的渲染区域,它规定了在该区域中,常规流块盒的布局一、常规流块盒的布局规则1. 常规流块盒在水平方向上,必须撑满包含块2.常规流块盒在垂直方向上依次摆放3.常规流块盒若外边距无缝相邻,则进行外边距合并4.常规流块盒的自动高度和摆放位置,无视浮动元素二、渲染区域BFC渲染区域,由某个HTML元...原创 2020-01-10 09:38:04 · 101 阅读 · 0 评论 -
#盒模型应用
#改变宽高范围默认情况下,width &height设置的是内容盒宽高>页面重构师:将PSD文件(设计稿)制作为静态页面衡量设计稿尺寸的时候,往往使用的是边框盒(border-box),但设置width&height,则设置的是内容盒(content-box)可以使用CSS3的box-sizing=border-box#改变背景覆盖范围默认情况下,背景...原创 2019-12-26 10:51:13 · 74 阅读 · 0 评论 -
圆形图片底部遮罩
在移动端个人信息页面中的用户头像显示及上传图标要求:1.头像居中 2.头像底部有遮罩的图标用以显示可以上传的状态 /** * 头部 用于外边距的 */ .head-div { padding: 15px 0; } /** * 设置图片的所在位置 */ .img-div { position: relative; /*原创 2017-12-19 17:39:54 · 662 阅读 · 0 评论 -
CSS position属性和实例应用
查看原文转载 2017-12-20 15:56:11 · 165 阅读 · 0 评论