• scss的使用方式(环境搭建)

    我用的是Koala。 IDE是intellij_idea(其他IDE也可) 下载Koala:http://koala-app.com/ 2.安装(选好位置,下一步即可) 3.打开Koala,创建项目 ==》创建css文件夹==》创建XXX.scss文件,拖到Koala中 4.写sccs代码,便可自动变成css代码。具体见下一篇:scss牛刀小试...

    2018-06-24 02:21:16 css文件css代码

  • 列表中文字太多 溢出使用省略号css方法

    我们经常会遇到文字太多,而为了不打破原有布局,需要将多出文字用省略号代替,实现以下效果: 文字太太太太多多多啦...... 这个不多。 html:这是个列表。ul/ol都行。 ul li 这是个短句子 / li li 403是因为服务器拒绝了你的地址请求,或者你根本没权限访问网站,提供...

    2018-06-24 02:18:52 css代码

  • 如何水平居中一个元素

    在项目中经常会遇到居中问题,这里借鉴度娘的众多答案,做一个总结: 一、元素的水平居中 1、行级元素的水平居中 div style ="width: 200px;height: 100px;border: 1px solid cyan; text-align: center;" span 行级元素水平居中 / span / div 很明显:子元素为行级元素...

    2018-06-24 02:17:45 css代码

  • css修改滚动条默认样式

    页面HTML: 1 div class ="inner" 2 div class ="innerbox" 3 p style ="height:200px;" 这是内容111 / p 4 p style ="height:400px;" 这里是内容222 / p 5 p 这里是内容333 / p 6 / div 7 / div css代码: 1 .inner { 2 width : 265px ; 3 height : 400px ; 4 positio...

    2018-06-24 02:17:42 css代码

  • CSS——清除浮动的六种解决方案

    内容的高度撑起父元素容器的高度,效果图如下 HTML和CSS代码如下 给p标签加上浮动以后,p{float:left;},此时DIV塌陷,两段内容同行显示,效果如下: 解决方案一 :给前面一个父元素设置高度 !企业开发中,能不写高度就不写,所以这种方式用得很少 解决方案二...

    2018-06-24 02:17:40 css代码

  • 聊聊一直困扰前端程序员的浏览器兼容-【css】

    1.为什么会出现浏览器兼容问题? 由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒,让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们...

    2018-06-24 02:16:23 css代码

  • jq消除网页滚动条

    网页有些时候需要能滚动的效果,但是不想要滚动条,我就遇到了这样的需求。自己用jq写了一个垂直滚动条。 纯css也可以实现 .box::-webkit-scrollbar{display:none} 但是edge和Firefox不兼容,自己想了一下只要监听滚轮事件,用jq写应该很简单,所以就自己写了一下。 原...

    2018-06-24 02:16:12 css代码

  • 关于css的总结

    写在前面 ,学好css,需要长期的推敲和积累 ,细节是不断完善的,逐渐形成自己的风格 让自己的css更加接近优雅. 下面来总结一些我觉得比较好的css代码风格 : 1.一般网页中的背景 用背景时 设置为行内样式 style="background-image: url(img/01.jpg)"; 这样做有一点好处:图...

    2018-06-24 02:15:09 css代码

  • CSS3及JS媒体查询教程

    CSS3媒体查询: 语法: media_query_list:media_query[,media_query] media_query:only|not mediaType and expression[ and expression] expression:mediaFeature:value 关键词“not”取补集,“only”不再推荐使用(not,only都是可选的),“,”用法同CSS选择器中...

    2018-06-24 02:14:06 css文件css代码

  • 博客园 css页面定制代码

    1、勾选禁用模板默认CSS 2、将下面代码粘贴到页面定制CSS代码部分 1 /* 公用 */ 2 body { 3 font-size : 15px ; 4 padding : 0 ; 5 margin : 0 ; 6 font-family : "微软雅黑","宋体",Arial ; 7 background : #205424 url('http://pic1.win4000.com/wallpaper/1/59705b1...

    2018-06-24 02:13:51 css代码