
CSS
乙只
我是一颗小白菜,又小白,又菜鸟。
展开
-
css文本超过多行显示省略号兼容所有浏览器
css原创 2021-02-03 17:29:10 · 952 阅读 · 0 评论 -
<input type=“checkbox“/>在页面不显示
type为checkbox的input写在.vue文件里,但在页面上不显示,检查发现就在页面上但是肉眼看不见。。。将这行代码随便放到一个.html文件里又显示正常<input type="checkbox" v-model="item.flag"/>最后在.vue文件里给它加了样式正常显示template:<input type="checkbox" class="checkbox-input" v-model="item.flag" />style:.check原创 2020-11-30 11:11:23 · 3016 阅读 · 1 评论 -
vue通过循环添加每个元素不同的样式
例如循环添加背景色,HTML部分:<template> <div v-for="(items,indexs) in totalArr" :style="{background:items.color}"> <span class="test">{{items.name}}</span> </div></template>script部分:<script> export default {原创 2020-10-19 21:15:22 · 2184 阅读 · 0 评论 -
CSS设置字间距、行间距、首行缩进
CSS设置字间距、行间距、首行缩进原创 2020-10-19 16:47:13 · 1106 阅读 · 0 评论 -
块级元素、行内元素(内联元素)和内联块元素,常见元素的特点属性(href、src的区别,alt、title的区别)
还有啥元素?原创 2019-08-04 02:21:44 · 1717 阅读 · 1 评论 -
inline-block布局vs浮动布局
jjk原创 2019-07-27 01:45:42 · 163 阅读 · 0 评论 -
父元素高度塌陷的原因及解决(清除浮动)
hhhhh原创 2019-07-27 13:55:51 · 1228 阅读 · 0 评论 -
position:relative与负margin的区别
相对定位相对定位主要运用在大方面的布局,结构定位上,而且比较多和absolute搭配使用;相对定位只是视觉上使元素发生偏移,在文档流中的位置不改变,对其他元素位置无影响;margin:平常的小边距之类的用margin来得方便,margin定位较多和float搭配使用;通过负margin偏移的元素在文档流中的位置发生改变,后面的其它元素就会“流”过来填充,所以它们位置发生了变化。...原创 2019-07-27 12:17:54 · 436 阅读 · 0 评论 -
css单位
两者原创 2019-08-17 03:21:43 · 181 阅读 · 0 评论 -
页面导入样式时,使用link和@import的区别
1、link属于XHTML的标签,除了加载css外,还能用于定义RSS,定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS。2、页面被加载的同时,link会同时被加载,而@iimport引用的CSS会等到页面被加载完后再加载。3、import是CSS2.1提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题。——如何使用@import语法结构:...原创 2019-08-04 21:36:28 · 242 阅读 · 0 评论 -
兄弟盒子外边距重叠
外边距重叠(margin-collapse):相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距,折叠结果遵循下列计算规则:两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值两个外边距一正一负时,折叠结果是两者的相加的和解决...原创 2019-08-06 17:28:10 · 638 阅读 · 0 评论 -
display:none和visibility:hidden和opacity:0的区别
css让元素不可见的方法有很多种,裁剪、定位到屏幕外边、透明度变换等都是可以的。但是最常用两种方式就是设置元素样式为display: none或者visibility: hidden。区别:display:none是彻底消失,不在文档流中占位,浏览器也不会解析该元素;visibility:hidden是视觉上消失了,可以理解为透明度为0的效果,在文档流中占位,浏览器会解析该元素;使用vi...原创 2019-07-25 13:36:32 · 1651 阅读 · 0 评论 -
页面的重排(回流)和重绘以及优化
一、HTML页面呈现流程1.浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document对象。DOM树表示页面的结构,里面包含了所有HTML标签,包括display:none隐藏,还有JS动态添加的元素等。2.浏览器把所有样式(用户定义的CSS和用户代理)解析成Style Tree(样式结构体),在解析过程中会去掉浏览器不...原创 2019-07-25 20:48:16 · 1054 阅读 · 0 评论 -
position(六种属性,以及每个属性的特点)
ggg原创 2019-07-26 15:04:22 · 598 阅读 · 0 评论 -
选择器的优先级
hh原创 2019-09-07 20:58:57 · 218 阅读 · 0 评论 -
display的常见属性,以及每种属性的特点
ggg原创 2019-07-27 01:00:31 · 680 阅读 · 0 评论 -
BFC,IFC
ggg原创 2019-08-04 00:22:50 · 119 阅读 · 0 评论