随笔分类 -  CSS

JS实现自定义弹出窗体，效果不好
摘要：1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c 阅读全文
posted @ 2012-07-12 16:53 常伟华 阅读(298) 评论(0) 推荐(0)
CSS 布局之分栏显示
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" co 阅读全文
posted @ 2011-12-07 09:42 常伟华 阅读(910) 评论(0) 推荐(0)
CSS 控制 li
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文
posted @ 2011-12-04 21:53 常伟华 阅读(272) 评论(0) 推荐(0)
鼠标指针含义
摘要：default 默认光标（通常是一个箭头） auto 默认。浏览器设置的光标。 crosshair 光标呈现为十字线。 pointer 光标呈现为指示链接的指针（一只手） move 此光标指示某对象可被移动。 e-resize 此光标指示矩形框的边缘可被向右（东）移动。 ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。 nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。 n-resize 此光标指示矩形框的边缘可被向上（北）移动。 se-resize 此光标指示矩形框的边缘可被向下及向右移动（南/东）。 sw-resize 此光标指示矩形框的边缘可 阅读全文
posted @ 2011-06-09 18:02 常伟华 阅读(2863) 评论(0) 推荐(0)
第三部分
摘要：1、打印样式：@media2、控制页面中断：page-break-before；page-break-after3、XML文档，格式必须良好；只能包含一个根元素；区分大小写的4、XML样式表声明：<?xml-stylesheet type="text/css" href="text.css"?>5、Display:inline设计行内元素 阅读全文
posted @ 2011-06-04 15:35 常伟华 阅读(157) 评论(0) 推荐(0)
属性
摘要：1、list-style：<list-style-type>||<list-style-position>||<list-style-image>2、opacity：透明度，IE下通过filter实现 示例：-moz-opacity:0.7; filter:progid:DXimageTransform.Microsoft.Alpha(opacity=70);3、table-layout控制表格的宽度4、border-collapse删除单元格间距5、 阅读全文
posted @ 2011-06-04 11:45 常伟华 阅读(124) 评论(0) 推荐(0)
盒模型
摘要：1、条件注释 例子：<!-- [if lt IE7]>123<![endif]-->2、实现min-width和max-width效果(需用户浏览器支持脚本) 实例：body { width:expression(documentElement.clientWidth <= 500 ? 500 : 'auto' );}3、line-height：文本行高度4、over-flow：溢出内容5、vertical-align： 阅读全文
posted @ 2011-06-04 09:57 常伟华 阅读(122) 评论(0) 推荐(0)
字体属性
摘要：1、font-family：，名称中没有空格的字体不需要引号，包含空格的字体必须包括在引号里2、font-style：3、font-variant：font-variant:small-caps声明会使字母以大写形式出现，但是尺寸上比正常的大写字母要小些4、font-weight：字体粗细 阅读全文
posted @ 2011-06-04 00:23 常伟华 阅读(186) 评论(0) 推荐(0)
文本属性
摘要：1、letter-spaing：字母间隔，提供负值，字母间距变小2、word-spacing：单词间距，用法类似letter-spacing3、text-indent：缩进段落文本，默认初始值为0，可以接受长度值，也可以接受百分比，接受负值，反向缩进4、text-decoration：文本修饰符5、text-transform：控制文本的大小写6、white-space：控制Web文档源代码的文本格式化7、 阅读全文
posted @ 2011-06-04 00:19 常伟华 阅读(219) 评论(0) 推荐(0)
层叠和继承
摘要：1、样式表的优先级：设计者的样式表>用户的样式表>浏览器的样式表2、!important设置规则优先级高于任何其他规则3、 阅读全文
posted @ 2011-06-03 23:30 常伟华 阅读(120) 评论(0) 推荐(0)
选择器
摘要：1、基于以字符串开始的属性值选择a[href^="ftp://"]2、基于以字符串结束的属性值选择a[href$=".html"]3、基于包含字符串的属性值选择a[href*=".php"]4、伪元素:first-letter和:first-line，首字母和首行 阅读全文
posted @ 2011-06-03 23:10 常伟华 阅读(144) 评论(0) 推荐(0)
CSS基本概念
摘要：1）样式表是由规则组成的2）规则是由选择器和声明组成的3）声明是由属性和值组成的4）值可以是关键字，长度，颜色，字符串，整型，实型，或者是URI5）em亮度最好用于屏幕布局，英寸和厘米的绝对量度单位更适合打印布局，像素单位用在用户对字体大小不是首要要求的情况下6）抖动是混合已知颜色来模拟未知颜色的方法7）RGB是叠加色8)十六进制的颜色是表示RGB颜色的另一种方法9）短十六进制表示法是Web安全色的方法10）URI用于在CSS包含样式表和背景图像11）可以使用<style>元素将样式表嵌入HTML文当中12）一个样式表可以存在于独立的文档中，通过使用<link>元素将其 阅读全文
posted @ 2011-06-03 21:32 常伟华 阅读(228) 评论(0) 推荐(0)