![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
13_css
自找苦吃,自得其乐
有时候,我们缺乏的不是道理,而是吃苦的勇气
展开
-
当css显示的跟你预期的不一样的时候
如果发现一个table中的所有的字体都是加粗的,那么就说明在应该使用td的地方自己使用了th了,因为th会被默认的加粗的. 在处理css的时候,类似这种问题还有很多,但是没事,只要你发现样式跟自己的预想有出入的话,那么就应该把它放入到浏览器中去查看一下,原创 2011-10-11 10:52:22 · 529 阅读 · 0 评论 -
css:z-index
无标题文档<!--img { position: absolute; z-index: -1; top: 0px;}--> this is a heading原创 2012-04-14 16:21:16 · 459 阅读 · 0 评论 -
a 伪类使用
伪类使用<!--a:link { color:red;}a:visited { color: green;}a:hover { color: blue;}a:active { color: yellow;}--><!-- 锚伪类 a:link{color:#FF0000} a:visited{color:#00FF00} 已访问的链接原创 2012-04-14 16:24:12 · 609 阅读 · 0 评论 -
使用字符拼凑图像
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 无标题文档 <!-- * { margin: 0;转载 2012-04-14 16:39:45 · 1316 阅读 · 0 评论 -
相对定位
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 无标题文档 <!-- .pos_left { po原创 2012-04-14 16:48:26 · 403 阅读 · 0 评论 -
css手字母放大
无标题文档<!--span { font-family: Georgia, "Times New Roman", Times, serif; font-size: 72px; line-height: 80%; float:left;}--> 一.JDBC的用途是什么?jdbc分为三个用途:a.与数据库进行连接b.发送sql语句c.处理结果Connecti原创 2012-04-14 17:17:09 · 1290 阅读 · 0 评论 -
checkbox使用
Untitled Document function check(){ document.getElementById("mycb1").checked=true; } function uncheck(){ document.getElementById("mycb1").checked=false; } function query(){原创 2012-04-14 18:09:12 · 605 阅读 · 0 评论 -
图文混排
无标题文档 body{ margin:0; padding:0; font-size:12px; line-height:22px; font-family:"宋体"; background:#FFFFCC; }.area{ width:200px; height:100px; } .left{ width:100px; float:left原创 2012-04-14 16:34:59 · 651 阅读 · 0 评论 -
文字相对于图片位置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 文字相对于图像的位置 <!-- /*设置文字显示在图片的上边*/原创 2012-04-14 16:43:45 · 2095 阅读 · 0 评论 -
css菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 无标题文档 <!-- ul { list-style原创 2012-04-14 17:03:25 · 403 阅读 · 0 评论 -
A和Link的rel属性的详细介绍
在标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用。一般这里是不需要改动的 rel 和 rev 属性可以同时在 标签中使用。二者均描述了href所指定文档与当前页面的关系. rel (relationship) 属性规定了从源文档到目标文档的关系。rev (rever转载 2011-12-05 10:35:06 · 1357 阅读 · 0 评论 -
在ul里面实现把多余的文本转化为“...”
在ul里面实现把多余的文本转化为“...” overflow: hidden; text-overflow原创 2011-12-05 10:55:53 · 427 阅读 · 0 评论 -
CSS 简单设置
CSS 总结:各种间隔符使用:一、选择器的间隔1.选择器和声明之间使用花括号区分{}, p{ color : red }2.多个选择器之间使用 "," 来区分, h1,h2{ color : red }3.元素选择器和其他选择器之间使用 " " 区分, .p1 p{ color : red }二、声明语句的间隔1.声明和值之间使用 ":" 间隔, p { color :原创 2014-06-02 21:49:04 · 836 阅读 · 0 评论 -
首行特效
无标题文档<!--p:first-line{ color: #FF0000;}--> 一.JDBC的用途是什么?jdbc分为三个用途:a.与数据库进行连接b.发送sql语句c.处理结果Connection conn = DriverManager.getConnection(url,user,password);Statemtnt st = conn.creat原创 2012-04-14 17:18:08 · 955 阅读 · 0 评论 -
div固定定位
无标题文档<!--#one { background-color: #99CC33; position:fixed; left: 5px; top: 5px;}#two { background-color: #33CCCC; position: fixed; left: 10px; top: 200px;} /*图像的位置为固定位置*/img {原创 2012-04-14 16:37:36 · 744 阅读 · 0 评论 -
让所有的css样式失灵
在你打开的web页面后,把下面的一段话输入到浏览器的地址栏,敲回车,所有的样式都失灵了:javascript:for(var i=0;i转载 2011-11-05 19:24:48 · 876 阅读 · 0 评论 -
默认的css和备用css
"http://www.w3.org/TR/html4/loose.dtd"> 多言者必无质实之心,多欲者必无慷慨之节,多畏者必无卓越之见,多勇者必无文学之雅,多言者必无质实之心,多欲者必无慷慨之节,多畏者必无卓越之见,多勇者必无文学之雅,多言者必无质实之心,多欲者必无慷慨之节,多畏者必无卓越之见,多勇者必无文原创 2011-11-05 20:08:37 · 680 阅读 · 0 评论 -
查看浏览器是不是支持某个规则
alert(document.implementation.hasFeature('CSS','2.0'));原创 2011-11-05 19:12:55 · 698 阅读 · 0 评论 -
DIV+css规则整理
DIV+CSS规则整理一、善用css缩写规则 /*注意上、右、下、左的书写顺序*/ 1. 关于边距(4边):1px 2px 3px 4px (上、右、下、左)1px 2px 3px (省略的左等于右)1px 2px (省略的上等于下)1px (四边都相同) 2. 简化所有:*/ body{margin:0}------------表示网页内所有元素的转载 2011-12-05 12:44:53 · 1675 阅读 · 0 评论 -
css缩写总结
常用CSS缩写语法总结2009-05-20 10:39使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。 css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000; #336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:valu转载 2012-03-08 23:53:05 · 538 阅读 · 0 评论 -
css通用选择器*
如下所示在网页运行的时候,段落字体显示的颜色不是绿色而是红色,因为“*”作为通用的选择器它的优先级是最低的,所以如果有css定义了指定的元素的样式的时候,那么它就会失去对于指定了css样式的元素的样式的控制了。 p { color: red; } * {原创 2012-03-09 23:30:14 · 2153 阅读 · 0 评论 -
css中类选择器和元素选择器联合使用分析
.bb p { color:red; } .bb td { color: red; } p.bb { color: green; } css类选择器和元素选择器联合使用方法浅析:原创 2012-03-11 16:14:00 · 3470 阅读 · 0 评论 -
字符缩进
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 无标题文档 p { /*字符缩进*/ tex原创 2012-04-14 16:45:00 · 585 阅读 · 0 评论 -
各种超链接样式
无标题文档 <!-- .link2 { text-decoration: none; } .link3 { text-decoration: underline overline; } .link4 { text-de原创 2012-04-14 17:09:59 · 894 阅读 · 0 评论 -
首字母特效
无标题文档<!--p:first-letter { font-size: 72px; color: #FF0000;}--> Oh,my god! 我的天,我的太阳!原创 2012-04-14 17:17:39 · 456 阅读 · 0 评论 -
css滤镜
/* CSS Document *///滤镜的语法:filter:filtername(parameters)filter: Blur(Add=true, Direction=90px, Strength=25);filter: Alpha(Opacity=0, FinishOpacity=100, Style=3, StartX=0, StartY=85, FinishX=150原创 2012-04-14 16:04:30 · 426 阅读 · 0 评论 -
伪类first-child
无标题文档<!--p:first-child { font-weight: bolder;}li:first-child{ text-transform:uppercase;}--> 这是一个段落 banana apple g 这又是一个段落原创 2012-04-14 16:28:28 · 469 阅读 · 0 评论 -
div 浮动
主银你访问的页面不存在,看看下面的页面吧! <iframe id="container" src="http://www.v.baidu.com" frameborder="0" scrolling="auto" width="100%" height="100%" onload="document.all['container'].style.h原创 2014-10-31 16:27:32 · 828 阅读 · 0 评论