>>> 是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阅读
--
原创 2022-08-29 16:25:41
390阅读
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阅读
更多学习资料请参考"爱学网izixue"
原创 2011-02-24 13:48:04
535阅读
1点赞
2011-3-9 1. XHTML中不仅有DIV 还有其他的标签,如<span&gt; <li&gt; 等等,各尽其能各司其职,所以说<DIV&gt; + 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阅读
参照
转载 2021-08-11 14:56:40
78阅读
在进行多栏布局时,使用bootstrap的栅格系统可以很轻松的实现效果,其实css3本身也提
原创 2023-01-04 14:00:57
104阅读
CSS文本换行处理一、文本基本属性white-space: normal | pre | nowrap | pre-wrap | pre-line | inherit; 规定段落中的文本如何换行normal:默认。空白会被浏览器忽略。pre:空白会被浏览器保留。其行为方式类似 HTML 中的 <pre&gt;标签。nowrap:文本不会换行,文本会在在同一行上继续,直到遇到 <br&g
<span&gt; 在CSS定义中属于一个行内元素,在行内定义一个区域,也就是一行内可以被 <span&gt; 划分成好几个区域,从而实现某种特定效果。 <span&gt; 本身没有任何属性。 <div&gt; 在CSS定义中属于一个块级元素 <div&gt; 可以包含段落、标题、表格甚至其它部分。这使DIV便于建立不同集成的类,如章节、摘要或备注。在页面效果上,使用
转载 精选 2016-09-07 16:29:13
646阅读
body{    margin: 0;    font-family: Arial, Helvetica, sans-serif;    line-height: 1.2em;    bac
sed
原创 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
  • 1
  • 2
  • 3
  • 4
  • 5