(网页设计CSS样式.docVIP

网页设计CSS样式 选择器： 派生选择器：根据上下文关系确定标签样式 p span{....} id选择器 #id{} 类选择器 .class{} 属性选择器 [title]{}所有有title属性的 [title=first]{}title属性的值为first的 [title~=second]{}title属性的值包含second这个单词的（主要以空格分开的） [lang|=en]{}lang属性值包含en单词片段的（主要以连接符连接的） Input[type=text][name]{}（同时拥有type、name属性的；属性选择器可针对无id、class的标签） 子元素选择器 Div p{}div标签下的第一个p标签（divp/p/div） CSS 相邻兄弟选择器 Div + p{}div标签后的第一个p标签（div/divp/p） Background Background-position:center/50% 50%/100px 20px（图像中心所处的整个页面的位置） background-attachment 背景图像是否固定或者随着页面的其余部分滚动（fixed、scroll） 文本的缩进：p {text-indent: }（这里务必要加上，因为对于现在的通用老后台，存在着把文章段落前面的空格替换掉的问题）（可用值：px；em；20%-----表示父元素的width的20%）（注意存在的继承问题） Text-align：left/right/center/justify分别对应word里面的 注意与center标签的区别（center标签会将内部标签也进行居中处理） word-spacing 属性可以改变字（单词）之间的标准间隔 letter-spacing 改变字母间间隔 text-transform字符大小写转换 Direction：规定文字方向（rtl为 右to左；ltr左to右） white-space: normal（normal即是正常的忽略多个空格和回车；改为pre则将解析这些空格、回车） 以上几条使用不多…… text-decoration文本修饰，主要对a标签自带的下划线进行修饰 Font font-family 定义字体（可有多个值，以防止用户未安装某一字体，满足用户字体需求；在最后加入字体系列）（font-family:字体名称,字体系列;） font-style字体风格（正常or斜体） font-weight 字体粗细 font-size字体大小 列表样式： List-style样式 List-style-position:inside与outside（对应li的那个点是显示在li内还是标签外） Table border-collapse 属性设置是否将表格边框折叠为单一边框（必须有!DOCTYPE，否则会引起意想不到的错误） vertical-align 垂直对齐方式 Outline轮廓线，将显示在border的外面。（只有在规定了 !DOCTYPE 时，Internet Explorer 8 （以及更高版本） 才支持 outline 属性。） 颜色的表达： Color:#FFFFFF; Color:red; Color:rgb(255,255,0)、(100%,100%,0%) 框架 注意：对于没有声明恰当!DOCTYPE的，border在不同浏览器中的解析存在差异 对于padding、margin、border，同一个属性设定4个值则以上右下左的顺序对边框样式进行调整 Border-color:transpanrent;透明边框（ie7之前不支持） Border的声明：样式必须声明（有默认粗细，默认颜色，但默认样式为none） Margin存在边框合并的问题……（只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并；上下合并，左右不合并） Ie6双倍边距：块元素、浮动、margin（1：尽量避免同时使用浮动与margin；2：使用display:inline将块元素转为内联元素） 定位与框： Static Absolute 相对于包含块的偏移，跳出文档流 Relative 相对于自身的偏移，所占据的空间仍为原空间 （进行绝对定位与相对定位时，是以父级为基准。不存在position:relative的父级时，以body为基准） Fixed 类似于absolute，不过是以视窗为基准 元素中内容溢出：overflow: scroll/hidden/auto z-index 设置元素的堆叠顺序 裁剪绝对定位元素clip:rect(top right bottom left) Display：in