
CSS
my98800
这个作者很懒,什么都没留下…
展开
-
label和input对齐的方法
表单元素与提示文字无法对齐的问题(input,checkbox文字对齐)文章的最终方法是:1. 将文字第一字体设置为Tahoma;2. 为input元素设置vertical-align:middle;3. 为label元素设置vertical-align:middle; 这样表单元素和提示文字就达到完美的对齐了。但是等等这里说的对齐只是相对的对齐,原因是中文字体是方块转载 2017-07-25 08:59:17 · 4554 阅读 · 0 评论 -
用css截取字符实现文字自动截断隐藏溢出文本
方法一: 代码如下: 任意长度的字符串 说明:优点是内容可以为任何HTML元素,包括超链接和图片等,在IE6中还会在结尾自动显示省略号。缺点是必须指定宽度数值,并且宽度不能是百分数,否则在IE中会被认为是字符总长的百分比。 方法二: 代码如下: 说明:优点是宽度可以设为百分数。但缺点是内容只能为纯文本,不能有超链接等转载 2017-06-24 21:29:58 · 949 阅读 · 0 评论 -
DIV css 相对父容器 水平、垂直 居中
终于把它写出来了。哈哈 > /> /> background-color:Yellow; height:200px;width:200px; margin-top:-100px;margin-left:-100px;overflow:auto;" > />转载 2017-03-09 10:04:20 · 731 阅读 · 0 评论 -
用div实现像table一样的布局方法
许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示。 但是你又不喜欢用table来实现他,那怎么办呢?实现的方法很多,有根据视觉错觉实现的,有用JS控制使高度相等的,还有采用容器溢出部分隐藏和列的负底边界和正的内补丁相结合的方法来解决列高度相同的问题。 其实有个简单的方法,使用转载 2017-01-03 13:10:46 · 1414 阅读 · 0 评论 -
用ul、li做横向导航
1、生成Site.css文件(注:一定要将该文件的编码格式设置为utf-8,否则ie6有可能出现乱码)/* ul li以横排显示 *//* 所有class为menu的div中的ul样式 */div.menu ul{ list-style:none; /* 去掉ul前面的符号 */ margin: 0px; /* 与外界元素的距离为0 */ padding: 0转载 2016-11-28 11:37:08 · 365 阅读 · 0 评论 -
纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的,如果你也觉得很震撼,推荐给你的朋友吧。1、正方形最终效果: CSS代码如下:转载 2016-12-12 08:28:16 · 840 阅读 · 0 评论 -
完全用CSS实现的导航菜单
这是我在网上看到的一个经典实例,它让我看到了CSS到无所不能(呵呵,好像说过头了),在这里将代码贴出来,并且在代码后面会加上了详细解释说明。#nav{ padding: 10px 10px 0;/*如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。如果只提供一个,将用于全部的四条边。如果提供两个,第一个用于上-下,第二个用于左-右。如果提供三个,第一个用于上,第二个转载 2016-09-14 08:01:44 · 551 阅读 · 0 评论 -
用CSS截断字符串 实现文字自动截断隐藏溢出文本
方法一: 任意长度的字符串 说明:优点是内容可以为任何HTML元素,包括超链接和图片等,在IE6中还会在结尾自动显示省略号。缺点是必须指定宽度数值,并且宽度不能是百分数,否则在IE中会被认为是字符总长的百分比。方法二:说明:优点是宽度可以设为百分数。但缺点是内容只能为纯文本,不能有超链接等内容。CSS 截断字符串2008-01-08 09:58CSS转载 2016-05-03 08:21:16 · 2487 阅读 · 0 评论 -
CSS类及ID中的命名规则
Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说,在命名重新定义XHTML标记(tags)的CSS selectors时,必须保证其与预定义的标记准确匹配,但就类以及id选择器名称而言,则仁者见仁,智者见智。然而随心所欲的为这些类以及id命名则并不是个好的习惯。 直观命名 当在设计Web页面以及需要对一个转载 2016-04-15 10:14:13 · 1169 阅读 · 0 评论 -
div+css 关于文字居中
在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的、、等,而像、这样的元素是没有valign特性的,因此使用vertical-a转载 2017-07-25 09:00:13 · 331 阅读 · 0 评论