-
direction实例代码:文本排列方向的改变
所属栏目:[经验] 日期:2018-10-16 热度:151
direction用法示例:改变文本排列的方向,类似左对齐、右对齐的功能,不过又有着很大的差别,在ASP(HTML): direction是设置阴影的强度,但用在CSS中,好像还没有明确定义。 Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//[详细]
-
css控制滚动条位置 css控制文字方向
所属栏目:[经验] 日期:2018-10-16 热度:84
CSS 控制滚动条的位置及文本方向,运用direction改变文本方向,用overflow的scroll属性控制滚动条的位置,有意思吧,可以将滚动条显示在一块区域的左边,有反常态的使用。 Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//D[详细]
-
CSS换行实例:word-break 强制换行代码
所属栏目:[经验] 日期:2018-10-16 热度:125
word-break 强制换行的CSS实现,他们大家展示word-break 分别以normal、break-all、keep-all三种方式聚会后的效果,用的最多一般是break-all,但是在国外网站,normal属性使用较多。 Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC[详细]
-
CSS实例:overflow 控制文本溢出代码
所属栏目:[经验] 日期:2018-10-16 热度:150
用CSS控制文本溢出,主要是使用了CSS中的overflow属性,关于文本溢出属性的实例,注意文本中段首部分的显示效果。平时我们用到的比较多,因此overflow的用法和使用场合有必要掌握。 html head meta http-equiv=Content-Type content=text/html; charset=ut[详细]
-
css属性实例:两个div边框内外嵌套
所属栏目:[经验] 日期:2018-10-16 热度:63
css属性实例:两个div边框内外嵌套,代码如下: html head meta http-equiv=Content-Type content=text/html; charset=gbk / titlecss属性实例/title style .main{ border:2px solid #333333;} .include{ margin:50px; border:2px solid #333333; width:500[详细]
-
DIV模块交叉在一起 CSS边框交互效果
所属栏目:[经验] 日期:2018-10-16 热度:103
css边框嵌套的实现代码,两个Div彼此交叉在一起,平时我们不多见吧?主要是想练习一下布局的方法,掌握两个元素边框交叉,你就可以轻易学会在网页中布局其它的小Div。 运行演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.[详细]
-
使用word-wrap:break-word使文本自动换行
所属栏目:[经验] 日期:2018-10-16 热度:168
文本框连续输入 数字111111111111111111或者 英文单词adkjsakfjsalfkjsalkdjaslkfjsalkf 会造成什么结果呢?---文字溢出,一般的处理方法是用overflow:hidden隐 藏文 字,有没有更好的解决文案呢?QA的童鞋要求自动换行. 用word-wrap:break-word即可 css手册上[详细]
-
CSS 树形列表布局,类似word中的编号列表
所属栏目:[经验] 日期:2018-10-07 热度:125
用CSS布局一个类似树形的列表,类似word中的编号列表,不是一般的列表,梯形的样子,这个例子是为了介绍CSS中Li的用法,平时这种树形列表不多见,希望对你学习CSS有帮助。 实例代码:Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC[详细]
-
关于 Css 清除浮动属性及相关示例
所属栏目:[经验] 日期:2018-10-07 热度:159
Css 清除浮动属性示例的小例子,不要小看清除浮动哦,有时候你忘记了这个,会把你搞的一头雾水,以为其它地方弄错了,清除浮动其实就没两句代码,但是重要性不容忽视。 实例代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -[详细]
-
CSS美化超链接Hover属性,有网页按钮效果
所属栏目:[经验] 日期:2018-10-07 热度:120
烈86火54网(LieHuo36.Net)教65程 使用CSS制作一个漂亮的按钮链接,有要原理是使用了A链接的Hover属性,定义成与A:Hover不一样的颜色和边框,这样在鼠标放上去的时候,会出现两种反差较大的效果,这就是CSS制作按钮的基本思路,对于新手来说,有助于帮助您[详细]
-
使用CSS控制打印页面格式
所属栏目:[经验] 日期:2018-10-07 热度:166
由于客户要求,打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 link rel=stylesheet type=text/css media=print href=print.css / 正因为xhtml和css是分离的,所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也[详细]
-
CSS3 Media Queries使用方法详解
所属栏目:[经验] 日期:2018-10-06 热度:154
在css2中允许我们使用media的属性,例如使用screen和print,我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章,关于css2中的media文章,推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print,而且支持多媒体[详细]
-
CSS创建竖排文字的简单方法,有演示
所属栏目:[经验] 日期:2018-10-06 热度:171
在制作网页的时候我们经常需要创建一些竖排的文字,或许这对你来说是一件很简单的事情,但是你是否想过用CSS可有N种创建竖排文字的方法?下面是由我翻译自Nettuts+的文章,希望这几种方法能够给你带来一些提示。 方法一:br /标签 一种可能的方法(但不推荐[详细]
-
神奇的 CSS 元素透明法
所属栏目:[经验] 日期:2018-10-06 热度:165
1、HTML 元素透明 其实本身,CSS 实现元素透明是件容易事儿。直接上代码: opacity:.5 opacity 指的是不透明度,取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。 A 级浏览器基本都支持 opacity 属性,但碰上 IE,总没好事。不过 IE 有滤镜,可以帮助[详细]
-
给Button/input添加链接,前进,后退等功能
所属栏目:[经验] 日期:2018-10-06 热度:108
给Button/input添加链接,前进,后退等功能,看标题,大家就应该明白是怎么回事了,我们在日常的网页制作中使用a超级链接最多,而给按钮添加链接,有一部分朋友可能没用到过,今天烈火小编就把与button、input相关的链接,前进,后退,弹出确认alert窗口等的[详细]
-
IE 表单控件的按钮聚焦问题
所属栏目:[经验] 日期:2018-10-06 热度:174
按钮的写法有两种,一种是 input value=按钮/ 或者 button按钮/button,如果按钮用于表单提交,还必须加上 type 属性(type=submit)。为了美化按钮效果,一般会设置背景和边框属性。 但在 IE 下,表单区域获得焦点的情况下,如果按钮的 type 属性被设置为[详细]
-
CSS切换文本输入框input为英文输入模式
所属栏目:[经验] 日期:2018-10-06 热度:133
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能,将表单中的文本框自动切换为英文输入模式,有意思吧,可以用于限制输入数字和字符。 此为网友投入,烈火没有测试,代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head ti[详细]
-
CSS实例:纯CSS打造斜角
所属栏目:[经验] 日期:2018-09-30 热度:138
关于CSS打造斜角,先说一下历史,在CSS+DIV流行以前,也就是用表格作为网页框架的时候,人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了,这里不讨论。CSS+DIV兴起以后,出现了两种制作斜角效果的方法,一个是通过ba[详细]
-
CSS技巧:字体属性简写规则
所属栏目:[经验] 日期:2018-09-30 热度:193
当使用css定义字体时你可能会这样做: 事实上你可以简写这些属性: 现在好多了吧,不过有一点要注意:使用这一简写方式你至少要指定font-size和font-family属性,其他的属性(如font-weight, font-style,font-varient)如未指定将自动使用默认值。[详细]
-
IE6/IE7/FireFox CSS兼容的解决方法
所属栏目:[经验] 日期:2018-09-30 热度:54
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 wi[详细]
-
CSS背景图片控制单行文字顶距的技巧
所属栏目:[经验] 日期:2018-09-30 热度:151
假如是这样的情况: 工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离,可以这样。 增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置,overfl[详细]
-
用css实现高宽自适应满屏显示无滚动条
所属栏目:[经验] 日期:2018-09-30 热度:89
之前别人也有写过,但兼容性不强,支持以下几款主流浏览器 IE6,7,firefox2,3,时间关系,css就不一一详解了,很简单。请看下面的源码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona[详细]
-
CSS禁止中文输入法(只能输入英文)
所属栏目:[经验] 日期:2018-09-30 热度:93
CSS样式也是可以实现某些类似脚本的功能,例如今天要说的就是禁止输入中文,只要在CSS样式中加上以下代码就可以了: Copy to Clipboard 引用的内容:[www.veryhuo.com]ime-mode : disabled (说明:他的真实效果是禁止切换输入法,也就是说只能输入默认输入[详细]
-
CSS常用类和ID命名规范
所属栏目:[经验] 日期:2018-09-30 热度:79
CSS中的类和ID名称都是可以自定义的,也没有像一些编程语言会保留关键字,在CSS里可以完全自己命名。但是为了使CSS更有可读性,很多人都提倡规范命名。说到这,发现我以前写的不少CSS的命名都是很乱的,真得改改了。 今天翻出电脑里的资料,发现有个CSS常[详细]
-
使用CSS让DIV水平垂直居中的方法
所属栏目:[经验] 日期:2018-09-30 热度:56
要点: 1.position属性设置为:absolute 2.top和left属性都设为:50% 3.margin-top宽度设置为height高度的一半,margin-left属性设置为width宽度的一半。 htmlheadtitleDIV水平垂直居中/titlestylebody{font-size:12px; margin:0; padding:0;}.div1{positi[详细]