css
文章平均质量分 78
Judy_dada
干一行爱一行,专一行精一行。
展开
-
单行文字居中显示、多行换行文字靠左显示
1.CSS布局原创 2019-11-22 08:57:08 · 698 阅读 · 0 评论 -
CSS中可以和不可以继承的属性
参考文章:https://www.cnblogs.com/thislbq/p/5882105.html一、无继承的属性1、display:规定元素应该生成的框的类型;2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰white-space:空白符的处理3、盒子模型的属性:width、height、margin-、...原创 2019-03-12 11:39:18 · 1203 阅读 · 0 评论 -
IE盒子模型和标准W3C盒子模型以及如何相互转换
一、W3C标准盒模型标准盒模型width只包含content的宽。二、 IE盒模型IE盒模型的width=border*2+padding*2+content三、为什么IE盒模型更容易开发?比如要在一个容器里并排显示两个同样的盒子。你用标准模型时肯定会这样设置每个盒子width:50%。再怎么去调整padding都会在两个盒子的内部去调整,不会再影响布局。四、如何...原创 2019-03-11 14:55:04 · 4015 阅读 · 0 评论 -
我终于理解了伪类和伪元素以及CSS选择器的优先级
参考文章:https://www.jianshu.com/p/996d021bced3伪元素和伪类从字面理解就是假的元素和假的类。1、伪类(单冒号)CSS3中的定义:伪类存在的意义是为了通过选择器,格式化DOM树意外的信息以及不能被常规CSS选择器获取到的信息。伪元素的功能:(1)格式化DOM树以外的信息。如:<a>标签的:link、:visited等,这些信息不...原创 2019-03-11 14:16:02 · 4542 阅读 · 0 评论 -
css3中单位px,em,rem,vh,vw,vmin,vmax的区别
px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,CSS3新加属性,chrome/firefox/IE9+支持。vw:viewpoint width,视窗宽度,1vw等于...原创 2018-09-28 10:27:50 · 803 阅读 · 0 评论 -
CSS伪元素、伪元素消除浮动、伪类
一、CSS 伪元素用于向某些选择器设置特殊效果。1、:first-line 伪元素"first-line" 伪元素用于向文本的首行设置特殊样式。p:first-line { color:#ff0000; font-variant:small-caps; }注释:"first-line" 伪元素只能用于块级元素。注释:下面的属性可应用于 "first-lin...原创 2018-09-20 09:52:53 · 995 阅读 · 0 评论 -
BFC及其作用
参考博客:https://blog.csdn.net/riddle1981/article/details/52126522一、什么是BFC BFC(block formatting context):块级格式化上下文在进行盒子元素布局的时候,BFC提供了一个环境,在这个环境中按照一定规则进行布局不会影响到其它环境中的布局。比如浮动元素会形成BFC,浮动元素内部子元素的主要受该浮动元素影...原创 2018-09-19 15:30:12 · 192 阅读 · 0 评论 -
实现垂直水平居中的五种方法
参考博客:https://blog.csdn.net/bury_/article/details/794309431.基于表格样式将要使内容居中的外层容器元素的display设置成table,内层内容块使用table-cell,然后分别设置水平和垂直居中: /*表格方案*/ #table-father{ d...转载 2018-09-23 17:05:24 · 1137 阅读 · 0 评论 -
多栏布局+弹性盒布局+盒布局
第26章 布局相关样式26.1 多栏布局26.1.1 使用float属性或positon属性的缺点如果两栏或多栏中元素的内容高度不一致则底部很难对齐,导致页面中多出一块空白区域。26.1.2 使用多栏布局使用多栏布局可以将一个元素中额内容分为两栏或是多栏显示,并且确保各栏中内容的底部对齐。1、需要将元素的宽度设置成多个栏目相加后的总宽度。与float布局不同:float...原创 2018-08-31 17:30:22 · 364 阅读 · 0 评论 -
css 重排(回流)和重绘以及优化
参考博客1:https://blog.csdn.net/sinat_37328421/article/details/54575638参考博客2:https://blog.csdn.net/yummy_go/article/details/50696328一、页面渲染的过程1.解析HTML代码并生成一个 DOM 树。2.解析CSS文件,顺序为:浏览器默认样式->自定义样式-&...原创 2018-09-18 15:41:51 · 485 阅读 · 0 评论 -
表格、position属性、link 和@import 的区别
一、表格1、colspan 属性规定单元格可横跨的列数。2、rowspan表格单元横跨两行的表格。二、Position属性五个值:static、fixed、absolute和relative、sticky的区别和用法1、static(静态定位):元素的默认定位方式,出现在正常的文档流中,会占用页面空间,不能使用top, bottom, left, right和z-index 。...原创 2018-09-18 11:17:54 · 257 阅读 · 0 评论