-
scss的使用方式(环境搭建)
我用的是Koala。 IDE是intellij_idea(其他IDE也可) 下载Koala:http://koala-app.com/ 2.安装(选好位置,下一步即可) 3.打开Koala,创建项目 ==》创建css文件夹==》创建XXX.scss文件,拖到Koala中 4.写sccs代码,便可自动变成css代码。具体见下一篇:scss牛刀小试...
-
列表中文字太多 溢出使用省略号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选择器中...
-
博客园 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代码
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash
