![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css学习
文章平均质量分 73
寒冥冷煜
热爱互联网,专注于web前端开发。熟悉Html、CSS和Javascript,以及相关开源框架和技术。比如:Bootstrap、Less、jQuery、Angular、Node.js、Grunt、Bower等。
展开
-
用CSS控制输入框input悬停交互样式
制作表单的时候,实现鼠标悬停交互效果有多种方法: 1、在xhtml中直接写入onmouseover、onmouseout脚本就可以实现了,但这样就违背了web标准所倡导的内容、表现相分离的原则。以后若要对此进行修改也将会很繁琐。这样直接写入xhtml也会让页面代码增加,如果只是一个input输入框或许是无所谓的,如果是几十个几百个,增加的字节数就很宠大了。 2、在xhtml中加入小脚本,鼠标经...2009-01-13 14:05:08 · 1668 阅读 · 0 评论 -
td中的nowrap
转载自:http://www.zzlabs.com.cn/本文解释了nowrap是什么意思,以及在td中nowrap的使用,并提供了一个详细的完整代码来具体演示教学。 nowrap是什么意思?HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行。 但使用时要注意的是,td元素noWrap属性的行为与td元素的width属性有关。td元素中nowrap属性的行为与td元素的wid...原创 2009-01-20 11:07:52 · 311 阅读 · 0 评论 -
十五种CSS鼠标样式
CSS鼠标样式语法如下:任意标签中插入 style=”cursor:*” 例子:<span style=”cursor:*”>文本或其它页面元素</span> <a href=”#” style=”cursor:*”>文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种:下面是对这15种效果的解释。移动鼠标到解释上面,看看你的...原创 2011-01-15 13:01:47 · 627 阅读 · 0 评论 -
英文字符和汉字自动换行和不换行的设置
默认设置,一长串英文字符(中间没空格)不会自动换行,比如:aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa不能处理自动换行,而汉字字符却可以自动换行。原因是:英文字母之间如果没有空格,系统认为是一个单词,就不会自动换行。汉字就没有这种情况。 1、在需要强制设置换行时, td中:需用css来控制style='word-break: br...原创 2011-03-03 10:21:56 · 357 阅读 · 0 评论 -
字体大小对照表
在css中处理字体经常要用到字号与pt、px之间的转换,现整理如下: 字体大小对照Word: Ps(px): 磅(pt)初号:42 p = 44.9 pt小初:36 p = 38.5 pt一号:26 p = 27.8 pt小一:24 p = 25.7 pt二号:22 p = 23.5 pt小二:18 p = 19.3 pt三号:16 p = 17.1 pt小三:15 p = 16.0 ...原创 2012-01-13 10:49:50 · 12490 阅读 · 0 评论 -
浮层的原理与清除
1、为什么会产生浮层 首先我们看一下float这个属性,套用w3c标准,对该属性的定义如下: float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄(根据内容来计算其宽度,如果没...原创 2012-05-17 17:56:20 · 628 阅读 · 0 评论 -
css样式级联定义
定义级联样式时,每一层之间有空格和没有空格是有区别的,先看下面的代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Co...2011-12-07 15:05:59 · 404 阅读 · 0 评论 -
一些常用的css注意事项
以下内容节选自W3school——CSS教程,主要总结了一些常用的css、规则、注意事项等1、缩进文本 把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果。CSS 提供了 text-indent 属性,该属性可以方便地实现文本缩进。通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值,这会产生一种“悬挂缩进...原创 2012-04-12 11:36:53 · 215 阅读 · 0 评论