Css
vue开发-scss在两个router-view时，第二个的不编译了
原因？不知道啊，坑啊，跳进去啊 有古怪啊，突然又好了也许我添加了这块importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefault{//==newvuename:'nav',data(){...............
html5和css3
CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重1、!important，加在样式属性值后，权重值为100002、内联样式，如：style=””，权重值为10003、ID选...
CSS层叠样式
为了让网页元素的样式更加丰富，也为了让网页的内容和样式能拆分开，CSS由此思想而诞生，CSS是CascadingStyleSheets的首字母缩写，意思是层叠样式表。有了CSS，html中大部分表现样式的标签就废弃不用了，html只负责文档的结构和内容，表现形式完全交给CSS，html文档变得更加简洁。css基本语法c...
气泡聊天CSS
<divclass="divide"></div><divclass="user-right">2020-01-0611:12:40wang</div><divclass="chat-right"><span>wsw今天天气不错呦，一起去海边走走怎...
背景图片自适应整个页面CSS+DIV
<bodystyle="overflow:hidden;"><divclass="wrapper"><!--背景图片--><divid="web_bg"style="background-image:url(/images/welcome.png);background-siz...
CSS3实现文字过渡移动
1.在需要移动的对象上加上a标签，并定义CSS<a><imgsrc="/skin/images/ico-weixin.png"/><span>微信平台</span></a>2、定义CSS#solutiona{-webkit-transition:all1sea...
CSS3实现两行或三行文字，然后多出的部分省略号代替
-webkit-line-clamp是一个不规范的属性（unsupportedWebKitproperty），它没有出现在CSS规范草案中。限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：display:-webkit-box;必须结合的属性，将对象作为弹性伸缩盒子...
用css3选择器给你要的第几个元素添加不同样式方法【转发】
下面我们来了解一下css选择器里面的几个:only-childp:only-child选择属于其父元素的唯一子元素的每个<p>元素。3:nth-child(n)p:nth-child(2)选择属于其父元素的第二个子元素的每个<p>元素。3:nth-last-child(n)p:nth-last-...
CSS三栏布局
实现：高度为100px,左右栏宽度固定为300px，中间栏宽度自适应。.left,.right,.center{height:100px;}.left{float:left;width:300px;background:#ee2c2c;}.right{float:right;width:300px;backgroun...
CSS实现自适应正方形
在处理移动端页面时，我们有时需要将banner图做成与屏幕等宽的正方形以获得最佳效果。方案一：CSS3 vw单位css3中新增了一组相对于可视区域百分比的长度单位vw,vh,vmin,vmax。vw是相对于视口宽度的百分比，1vw=1%viewportwidthvh是相对于视口高度的百分比，1vh...
CSS中可以和不可以继承的属性
1、display2、文本属性vertical-align垂直文本对齐text-decorationtext-shadowwhite-space3、盒子模型属性：width、height、margin、border、padding等。4、背景属性：background、background-color、backgrou...
CSS中的单位
在css中单位长度用的最多的是px、em、rem，这三个的区别是： px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。 对于em和rem的区别一句话概括：em相对于父元素，rem相对于根元素。 rem中...
CSS盒模型与外边距重叠margin问题
在标准盒模型中，盒模型的宽高只是内容的宽高；而在IE盒模型中，盒模型的宽高是内容（content）+padding+border; 标准盒模型模型：width=content，对象的实际宽度=width+padding+border+margin; IE6盒子模型：width=content+pad...
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.圆角 borde...
css如何选择相同class下的第一个class元素和最后一个元素?
如图，如果像选择类名为 class="exerciseInfo" 中的第一个和最后一个div，做法如下：选择第一个类名：.exerciseInfo:nth-of-type(1){...};选择最后一个类名：.exerciseInfo:last-child{...};选择其中一个指定的类名：.exer...
