css及相关
Leolu007
这个作者很懒,什么都没留下…
展开
-
编写高效的CSS选择器
英文原文:Writing efficient CSS selectors参与翻译(4人):mischiefqlf,super0555,enixyu,throwable高效的CSS已经不是一个新话题,也不是一个我非得重拾的话题,但是,它却是自我在SKY工作以后,真正感兴趣并始终关注的一个话题。 很多人或者忘记了,或者仅仅是没有意识到,CSS可以转载 2013-04-25 10:10:12 · 724 阅读 · 0 评论 -
纯CSS实现聊天框小尖角、气泡效果
经常看到这样的尖角,以前不懂,以为都是用图片做出来的,后来惊奇的发现,原来很多都是用CSS做出来的,既美观又节省资源,真是两全其美啊!那么,用CSS怎么实现这种效果呢?首先,来写一个简单的代码:.arrow {width:0;height:0;font-size:0;border:solid 10px #000;}转载 2014-09-28 14:19:46 · 5799 阅读 · 2 评论 -
一个可以选中当前菜单后高亮显示的导航条
千辛万苦找到的!~!哈哈,收藏备用!选中当前菜单后,该菜单高亮显示,也就是说在不改变菜单CSS代码的情况下,用JavaScript去控制菜单的背景,如果该菜单项被点击后,将赋予它一个与众不同的背景颜色或背景图像,这样可以清淅的指引用户下在浏览的网站栏目,本菜单不需要动态语言的加入,简单方便而且效果好。.nav { MARGIN: 1px 0; WIDTH: 100%;转载 2014-09-28 14:11:43 · 4166 阅读 · 0 评论 -
常用的CSS代码片段
图像在水平或者垂直方向的绝对定位 img { position: absolute; top: 50%; left: 50%; width: 500px; height: 500px; margin-top: -250px; /* Half the height */ margin-left: -250px; /* Half the width */}转载 2014-09-28 14:10:55 · 781 阅读 · 0 评论 -
纯css实现固定底部
------------------------------------------css样式------------------------------------------------/* 主要部分 */ html, body, #container { height: 100%; margin: 0; padding: 0; } body > #containe转载 2014-09-28 14:15:55 · 1006 阅读 · 0 评论 -
CSS实现在FireFox下截取字符串显示省略号
使用CSS截取字符串并显示成省略号是一个比较实用的功能,将需要截取的时候交给CSS前端来处理,减少服务器资源浪费,使网页速度更快,但是有时候由于浏览器的兼容性,致使CSS截取字符串在IE和火狐下的处理方式并不相同,本代码是解决了火狐下的CSS截取字符串问题。--------------------------------css样式--------------------------------转载 2014-09-28 14:14:01 · 773 阅读 · 0 评论 -
table表格细边框最简单样式
构建table是,最简单的是原创 2014-08-01 11:00:01 · 16134 阅读 · 0 评论 -
css中postion的fixed的用法
CSS中position属性有4种可选值:static,relative,absolute,fixed,用于定位html元素的位置,并影响元素块生成的方式。这里向大家描述一下position:fixed 的使用,此属性元素的定位方式同absolute类似,但它的包含块是视区本身。先看代码: 无标题文档转载 2014-03-19 10:52:23 · 1628 阅读 · 0 评论 -
完美的hr-兼容各个浏览器firefox,ie6,ie7
兼容浏览器的完美hr:height:1px;border:none;border-top:1px solid Black;margin:0;*margin:0 0 -14px 0;float:none;*float:left;display:block;1.hr元素是一个块级元素,是一个box,有border2.高度:size和style.height.转载 2014-01-20 14:19:40 · 2482 阅读 · 0 评论 -
CSS雪碧
CSS雪碧CSS雪碧 即CSS Sprites,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。原理CSS雪碧的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中,从而减少你的网站的HTTP请求数量。该图片使用CSS background和background-positi转载 2013-12-26 15:01:20 · 1547 阅读 · 0 评论 -
CSS margin值的設定
margin : 0;/*一個值:代表上、下、左、右。margin : 0 0 0 0;的簡寫。*/margin : 5 10;/*二個值:值1:上下、值2:左右。margin : 5 10 5 10;的簡寫。*/margin : 5 10 15;/*三個值:值1:上、值2:左右、值3:下。margin : 5 10 15 10;的簡寫。*/margin: 1 10 5 15;/*四转载 2013-11-01 20:57:18 · 901 阅读 · 0 评论 -
CSS中常用中文字体转Unicode编码表
unicode编码目录什么是Unicode中文字体要转UnicodeUnicode实例Unicode编码表一、什么是Unicode:在创造Unicode之前针对各种语言有几百种编码系统,而且这些编码系统也相互冲突,给不同语言系统的电脑进行交流带来了麻烦。因为两种相同的字符在不同的编码系统可能有完全不同的意思,这些不同甚至会对电脑带来危害。于是Unicode出现了,Unicode转载 2013-09-27 11:08:08 · 1136 阅读 · 0 评论 -
浮动层自动适应高度
在网页制作中经常会用到浮动。用了浮动就会涉及到一个清除浮动的问题,因为包含浮动的元素是不会自动适应高度的,也就是不会被浮动元素撑开。先看一个例子:html----------------------- CSS---------------------ul { margin:0; padding:10px; list-style:n转载 2013-08-06 10:04:40 · 1018 阅读 · 0 评论 -
纯css实现固定底部
-------------------------------------------css样式------------------------------------------------/* 主要部分 */ html, body, #container { height: 100%; margin: 0; padding: 0; } body > #container转载 2013-08-06 09:59:36 · 1071 阅读 · 0 评论 -
CSS实现在FireFox下截取字符串显示省略号
使用CSS截取字符串并显示成省略号是一个比较实用的功能,将需要截取的时候交给CSS前端来处理,减少服务器资源浪费,使网页速度更快,但是有时候由于浏览器的兼容性,致使CSS截取字符串在IE和火狐下的处理方式并不相同,本代码是解决了火狐下的CSS截取字符串问题。--------------------------------css样式--------------------------------转载 2013-08-06 09:58:04 · 901 阅读 · 0 评论 -
CSS3选择器(全)
CSS选择器复习通用选择器:* 选择到所有的元素 选择子元素:> 选择到元素的直接后代(第一级子元素) 相邻兄弟选择器:+ 选择到紧随目标元素后的第一个元素 普通兄弟选择器:~ 选择到紧随其后的所有兄弟元素 伪元素选择器: ::first-line 匹配文本块的首行 ::first-letter 选择文本块的首字母 伪类选择器: :before, :转载 2017-05-31 15:22:21 · 465 阅读 · 0 评论