51dev.com IT技术开发者社区

51dev.com 技术开发者社区

vue开发-scss在两个router-view时,第二个的不编译了

vue开发-scss在两个router-view时,第二个的不编译了

原因?不知道啊,坑啊,跳进去啊  有古怪啊,突然又好了也许我添加了这块importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefault{//==newvuename:'nav',data(){.....

html5和css3

html5和css3

CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级,按照等级来计算权重1、!important,加在样式属性值后,权重值为100002、内联样式,如:style=””,权重值...

CSS层叠样式

CSS层叠样式

为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此思想而诞生,CSS是CascadingStyleSheets的首字母缩写,意思是层叠样式表。有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简...

气泡聊天CSS

气泡聊天CSS

<divclass="divide"></div><divclass="user-right">2020-01-0611:12:40wang</div><divclass="chat-right"><span>wsw今天天气不错...

背景图片自适应整个页面CSS+DIV

背景图片自适应整个页面CSS+DIV

<bodystyle="overflow:hidden;"><divclass="wrapper"><!--背景图片--><divid="web_bg"style="background-image:url(/images/welcome.png);back...

CSS3实现文字过渡移动

CSS3实现文字过渡移动

1.在需要移动的对象上加上a标签,并定义CSS<a><imgsrc="/skin/images/ico-weixin.png"/><span>微信平台</span></a>2、定义CSS#solutiona{-webkit-transiti...

CSS3实现两行或三行文字,然后多出的部分省略号代替

CSS3实现两行或三行文字,然后多出的部分省略号代替

-webkit-line-clamp是一个不规范的属性(unsupportedWebKitproperty),它没有出现在CSS规范草案中。限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:display:-webkit-box;必须结合的属性,将...

用css3选择器给你要的第几个元素添加不同样式方法【转发】

用css3选择器给你要的第几个元素添加不同样式方法【转发】

下面我们来了解一下css选择器里面的几个:only-childp:only-child选择属于其父元素的唯一子元素的每个<p>元素。3:nth-child(n)p:nth-child(2)选择属于其父元素的第二个子元素的每个<p>元素。3:nth-last-child(n)p...

CSS三栏布局

CSS三栏布局

 实现:高度为100px,左右栏宽度固定为300px,中间栏宽度自适应。.left,.right,.center{height:100px;}.left{float:left;width:300px;background:#ee2c2c;}.right{float:right;width:300px...

CSS实现自适应正方形

CSS实现自适应正方形

在处理移动端页面时,我们有时需要将banner图做成与屏幕等宽的正方形以获得最佳效果。方案一:CSS3  vw单位css3中新增了一组相对于可视区域百分比的长度单位vw,vh,vmin,vmax。vw是相对于视口宽度的百分比,1vw=1%viewportwidthvh是相对于视口...

CSS中可以和不可以继承的属性

CSS中可以和不可以继承的属性

1、display2、文本属性vertical-align垂直文本对齐text-decorationtext-shadowwhite-space3、盒子模型属性:width、height、margin、border、padding等。4、背景属性:background、background-colo...

CSS中的单位

CSS中的单位

在css中单位长度用的最多的是px、em、rem,这三个的区别是:  px是固定的像素,一旦设置了就无法因为适应页面大小而改变。  em和rem相对于px更具有灵活性,他们是相对长度单位,意思是长度不是定死了的,更适用于响应式布局。  对于em和rem的区别一句话概括:em相对于父元素,rem相对于...

CSS盒模型与外边距重叠margin问题

CSS盒模型与外边距重叠margin问题

在标准盒模型中,盒模型的宽高只是内容的宽高;而在IE盒模型中,盒模型的宽高是内容(content)+padding+border; 标准盒模型模型:width=content,对象的实际宽度=width+padding+border+margin; IE6盒子模型:width=c...

CSS3相关

CSS3相关

1.CSS3的选择器1)E:last-child匹配父元素的最后一个子元素E。2)E:nth-child(n)匹配父元素的第n个子元素E。 3)E:nth-last-child(n)CSS3匹配父元素的倒数第n个子元素E。4)伪类选择器:(:link、:hover、:focus)2.圆角&...

css如何选择相同class下的第一个class元素和最后一个元素?

css如何选择相同class下的第一个class元素和最后一个元素?

如图,如果像选择类名为 class="exerciseInfo" 中的第一个和最后一个div,做法如下:选择第一个类名:.exerciseInfo:nth-of-type(1){...};选择最后一个类名:.exerciseInfo:last-child{...};选择其中一个指...