>>> 是vue的深度选择器相关内容请看下面的文章Vue style 深度作用选择器 >>> 与 /deep/(sass/less)tip:无任何依赖时,纯css写>>>是无效果哒...
原创
2022-01-24 11:12:03
96阅读
>>> 是vue的深度选择器相关内容请看下面的文章Vue style 深度作用选择器 >>> 与 /deep/(sass/less)tip:无任何依赖时,纯css写>>>是无效果哒...
原创
2021-09-16 11:29:58
81阅读
css中“~”和“>”是什么意思? css中“~”是: 为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景: p~ul{ background:#ff0000; } <p>快乐生活</p> <ul> <li>生活</li> <li>生活</li> <li>生活</li> </ul> p
转载
2020-08-05 20:05:00
172阅读
2评论
CSS深度选择器简言之scoped的实现原理简言之在做vue项目的过程中,在style样式中加入scoped的实现原理vue中的scoped属性的效果主要通过PostCSS转译实现,如下是转译...
原创
2022-01-12 10:36:38
1236阅读
scoped看起来很好用,当时在Vue项目中,当我们引入第三方组件库时(如使用element-ui),需要在局部组件中修改第三方组件库样式,而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过特殊的方式穿透scoped1、stylus的样式穿透 使用 >>>.wrapper >>> .swiper-pagination-bullet-...
原创
2021-09-09 14:19:17
1415阅读
scoped看起来很好用,当时在Vue项目中,当我们引入第三方组件库时(如使用element-ui),需要在局部组件中修改第三方组件库样式,而又不想去除scoped属性造成组件之间的样式覆盖。
原创
2022-03-04 13:53:58
943阅读
2011-3-9
1. XHTML中不仅有DIV 还有其他的标签,如<span> <li> 等等,各尽其能各司其职,所以说<DIV> + CSS是不正确的,应该说是 xhtml + css
2. text-indent:2em : &nb
原创
2011-03-09 14:46:06
381阅读
scoped看起来很好用,当时在Vue项目中,当我们引入第三方组件库时(如使用element ui),需要在局部组件中修改第三方组件库样式,而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过特殊的方式 穿透scoped 1、stylus的样式穿透 使用 2、sass和less的样式
原创
2021-10-22 17:25:07
393阅读
css-loader css-loader 是一个 webpack 模块编译器,支持 CSS Modules . module: { rules: [ { test: /\.global\.css$/, use: [$style_loader, $css_loader] }, { test: /(? ...
转载
2021-09-22 16:44:00
163阅读
2评论
代码(例子)<p>段落P</p><ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li></ul>p~ul { background:;#fff;}//选中p元素之后出
原创
2022-01-12 10:45:15
925阅读
在Web页面上常常可以看到某个元素内部有一个很长的单词,元素的宽度不足以容纳它。一个常见的现象就是有一个很长的URL。这会发生什么呢?这取决于CSS,那么CSS如何控制布局,以及CSS如何让文本更合理的方式展示。比如下图的一种效果,在Web中是很常见的:由于URL文本过长,已经超出容器的宽度,影响了整个视觉效果,甚至很多时候还会影响Web页面的布局效果。最暴力的做法就是在容器上添加overflow
转载
2023-09-27 20:16:08
240阅读
在进行多栏布局时,使用bootstrap的栅格系统可以很轻松的实现效果,其实css3本身也提
原创
2023-01-04 14:00:57
104阅读
CSS文本换行处理一、文本基本属性white-space: normal | pre | nowrap | pre-wrap | pre-line | inherit; 规定段落中的文本如何换行normal:默认。空白会被浏览器忽略。pre:空白会被浏览器保留。其行为方式类似 HTML 中的 <pre>标签。nowrap:文本不会换行,文本会在在同一行上继续,直到遇到 <br&g
转载
2023-12-12 19:11:22
94阅读
<span> 在CSS定义中属于一个行内元素,在行内定义一个区域,也就是一行内可以被 <span> 划分成好几个区域,从而实现某种特定效果。 <span> 本身没有任何属性。 <div> 在CSS定义中属于一个块级元素 <div> 可以包含段落、标题、表格甚至其它部分。这使DIV便于建立不同集成的类,如章节、摘要或备注。在页面效果上,使用
转载
精选
2016-09-07 16:29:13
646阅读
body{ margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; bac
原创
2022-04-19 16:24:09
411阅读
抱着对ASP.NET前台开发的热爱,今天上午特别看了float属性,说实话还挺复杂。先把我的例子放上来,自我理解都在这个例子里了。还有些不完美之处就是,clear属性没放上来。<html><head><title>float属性的自我理解</title><styletype="text/css">.father{background-color:#fffea6;border:1pxsolid#111111;padding:25px;}.oldbrother{padding:10px;margin:5px;backg
转载
2011-06-29 12:23:00
100阅读
2评论
在前几年,我入行做网页设计时,就对网页设计情有独钟。时隔好久没有怎么用了,搬上来,方便查借以后使用。好多时候,都是逼出来的,当初做程序员,都是前后台兼顾,能里能外。回头想想,这也挺好。
强制不换行:div{
white-space:nowrap;
}自动换行:div{
word-wrap: break-word;
word
转载
2024-07-03 05:45:00
85阅读