dananhai381的专栏

任何代码编程都有各自特点的常用命名规范，div+css页面设计也不例外。遵守常用的css命名规范有利于代码的升级和扩展，也有利于让别人读懂你的css代码，让你的页面显得清晰有条理。 css文件名命名规范 模块：module.css 基本共用：base.css 布局、版面：layout.css 主题：themes.css 专栏：columns.css 文字：fon

CSS居中问题，根据居中对象划分主要包括：DIV居中,图片居中,以及文字居中。而根据居中方向划分为：水平居中和垂直居中。水平居中              div {margin-left: auto; margin-right: auto; }这句CSS居中的意思就是让div自己调整左右margin间隔的距离以达到水平居中的效果。这种方法的缺点是要设定容器的宽度，百分比也可接受垂

OverFlow         对字符串进行隐藏处理         语法：overflow : visible | auto | hidden | scrolloverflow 属性说明visible:：不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效。 auto：此为body对象和textr

UL和LI1.  列表项前的标识，用 CSS 的 list-style-type 这两种列表的标识都可以有四种选择：      无序： disc, circle, square, decimal       有序： upper-roman, lower-roman, upper-alpha, lower-alpha.2.  列表前图片： list-style-image3.

样式表简介样式表加入网页的方式1． 链入样式表文件2． 内部样式块 3． 在标签中内嵌样式表的语法selector {property:value; property:value; ...} selector有三种，分别是 html的tag，一种是ID，一种是.class.  在现代布局中，id 选择器常常用于建立派生选择器。#sidebar p {

据说只在IE浏览器中可以有效果，格式为  filter:filtername(参数)滤镜说明alpha透明的渐变效果BlendTrans淡入淡出效果blur风吹模糊效果chroma指定颜色透明，效果为将某一颜色去掉D

控制表格table相关的标记   table caption   th   td   tr。 其中td和th使用类似，th主要用于表示标题。隔行变色th和caption设置深色  tabel背景色稍浅，将tr设置为striped文本框， ------类似于填空题效果： 使用 input text的下边框实现，其他边框不显示；背景颜色设置为透明background-col

文字布局文字：可以控制字体，文字大小，文字颜色，文字粗细，斜体，下|中|顶划线。text-transform：首字母或全部首字母大写.font-family：控制字形，见另一blogfont-size: 控制字体例如：P.f12 {font-size: 12pt；font-family: arial}Text-decoration： 实现underlin

CSS层叠样式：定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置一切皆为框div、h1 或 p元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。您可以使用 display 属性改

css页面背景辅助图片作为背景处理，辅助图片指仅仅用于修饰、间隔、提醒的图片，如logo，标题图片，列表前缀图片，好处是使表现和结构彻底分离。CSS控制背景1. color: 文字的颜色2. background-color: 背景颜色：可以通过使用给页面分块，给div设置背景色实现背景色分块效果。3. background-image: 背景图象，background

合适的页面图片和背景图片对提升网站的效果至关重要，绝对会让你有耳目一新的感觉。图片样式边框： border-style   border-color   border-width    对上下左右分别设置缩放： width, height  可以是百分比或绝对值图片对齐：同段落对齐方式图文混排：基本思想通段落中的首字母下垂，可通过设置图片的mar

字体系列指一种字体和其变形体，如Time系列包含 Time italic time bold等。以下是CSS支持的5种通用字体系列：       定义方式  font-family：sans-serifSerif 字体这些字体成比例，而且有上下短线。如果字体中的所有字符根据其不同大小有不同的宽度，则成该字符是成比例的。例如，小写 i 和小写 m 的宽度就不同。上下短线是每个字符笔划末端

1.       如果文字过长，则将过长的部分变成省略号显示：IE5，FF无效，但可以隐藏，IE6有效DIV STYLE=“width：120px；height：50px；border：1px solid blue；overflow：hidden；text-overflow：ellipsis”> 就是比如有一行文字，很长，表格内一行显示不下。2.       在IE中可能由于注释带来的文字重复

margin:   margin和padding的缩写顺序：缩写的顺序是上->右->下->左。顺时针的方向  如 margin: 1px, 2px, 1px, 2px;      margin:1px 2px;//上下边距都为1px，左右边距均为2px，等同于margin:1px 2px 1px 2px  margin: 1px;  //上下左右都是1pxborder:

基本概念Viewport：当页面内容超过容器大小，页面上当前显示出来的区域Block-level ：实现坐标定位，如p,div. 相邻的block-level元素往往从上到下垂直排列，包含的元素要么全为block-level，要么全为inline-levelInline-level：不能定位但可以包含其他同为inline-level元素，相邻的inline-level元素往往从左到