Css
css样式初始化
/*CSSDocument*/html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var...
vue-cli构建的vue项目打包后css引入的背景图路径不对的问题
使用vue-cli构建vue项目后，再打包遇到一个css引入的背景图片路径的问题，就是css代码中背景图片是根据相对路径来写的，如下图： 当使用npmrundev命令本地访问的时候，背景图片是正常显示的，可使用npmrunbuild命令打包后，访问dist目录下的项目，页面背景图路径就不对了 解决方法：只需要在bu...
css中相对定位和绝对定位
相对定位:#box_relative{position:relative;left:30px;top:20px;}绝对定位:#box_relative{position:absolute;left:30px;top:20px;}...
CSS基础
一、CSS概述(了解) *.CSS ：CascadingStyleSheet层叠样式表 *.CSS作用就是给HTML页面标签添加各种样式 *.为什么用CSS &n...
HTML 样式- CSS
CSS是在HTML4开始使用的,是为了更好的渲染HTML元素而引入的.CSS可以通过以下方式添加到HTML中:高佣联盟 www.cgewang.com内联样式-在HTML元素中使用"style" 属性内部样式表-在HTML文档头部<head>区域使用<style> ...
css内容过长显示省略号的几种解决方法
单行文本（方法一）：语法：text-overflow:clip|ellipsis参数：clip: 不显示省略标记（...），而是简单的裁切 （clip这个参数是不常用的！）ellipsis: 当对象内文本溢出时显示省略标记（...） 说明： 设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。 最大的...
checkbox 用css改变默认的样式
<!--html--><labelclass="bl_input_checkboxclick_checkbox"che_data="10"><inputtype="checkbox"name=""value=""><i></i><...
网站美化：CSS3自定义修改浏览器滚动条
滚动条组件::-webkit-scrollbar//滚动条整体部分::-webkit-scrollbar-thumb//滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）::-webkit-scrollbar-track//滚动条的轨道（里面装有Thumb）::-webkit-scr...
CSS3实战开发: 折角效果实战开发
<!DOCTYPEhtml><html><head><metacharset="utf-9"><metaname="keywords"content="css,css3,实战互联网,教程"><metanam...
CSS3 transition 属性过渡效果 详解
CSS3transition允许CSS元素的属性值在一定的时间区间内平滑地过渡。我们可以在不使用Flash动画或JavaScript的情况下，在元素从一种样式变换为另一种样式时为元素添加效果。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。以下是transition...
解决css设置背景透明，文字不透明
设置元素的透明度： -moz-opacity:0.8;/*在Firefox中设置元素透明度 filter:alpha(opacity=80);/*ie使用滤镜设置透明 但是当我们对一个标签设置背景的透明度时，往往我们并不希望该标签上的文字图片也变成半透明了。 例如： &...
css3---2D效果 ---3D效果
CSS3边框：CSS3圆角：border-radius(**px或**%)属性——创建边框线的圆角CSS3盒子阴影：box-shadow属性——创建阴影box-shadow:30px0pxgray;值有3个时，表示距离左侧、距离上侧、影子颜色box-shadow:30px...
vue cli 打包项目造成css背景图路径错误
vuecli做项目的时候难免会碰到，css引用背景图或者css，js之间的相互引用！！！这时候打包后可能会出现一个错误！！如下图： 写法： 错误： 会无端多出一个“/css/static/”这样就会使路径错误； 解决办法： 办法一： 把不需要编译...
css3动画实现伪弹幕效果
如图所示： 效果还可以直接用麦唱APP把一首歌分享到微信里面看到，方法类似全民K歌的方法，都是用css3动画实现的， 代码如下：（这是我做真实效果前的一个dome）直接粘代码就可以看到效果，里面有两个js,一个是jq一个是rem适配的js,之前博客里面有这个适配的js <!DOCTYPEhtml>...
vue(v-html)和scss的使用问题
<!--temp是一组p标签--><divclass="lyric-container"v-html="temp"></div> <stylelang="scss"scoped>.lyric-container{position:absolute;top:0;l...
