热门课程:
- 学校新闻
-
北京网页设计培训 Dreamweav的基本使用(一)
列表样式:List-style样式List-style-position:inside与outside(对应li的那个点是显示在li内还是标签外)Tableborder-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将块元素转为内联元素)定位与框:StaticAbsolute 相对于包含块的偏移,跳出文档流Relative 相对于自身的偏移,所占据的空间仍为原空间(进行绝对定位与相对定位时,是以父级为基准。不存在position:relative的父级时,以body为基准)Fixed 类似于absolute,不过是以视窗为基准元素中内容溢出:overflow: scroll/hidden/autoz-index 设置元素的堆叠顺序裁剪绝对定位元素clip:rect(top right bottom left)Display:inline/block/noneFloat浮动:跳出文档流;增加一个div clear:both 或 使容器元素添加属性float可使内容元素被容器元素包围伪类:锚伪类:a:link {} /* 未访问的链接 */a:visited {} /* 已访问的链接 */a:hover {} /* 鼠标悬浮 */a:active {} /* 被激活 */http://www.w3school.com.cn/tiy/t.asp?f=csse_link在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。伪类名称对大小写不敏感。其他:min-heightVisibility:设置元素是否可见visibility:hidden 与display:none的区别:visibility:hidden的元素不可见,但它依然在文档流中占据相应空间;display:none的则是不占据空间cursor 规定当指向某元素之上时显示的指针类型(主要是cursor:pointer)Css对大小写不敏感,但与html一起工作时,id、class的大小写敏感继承与摆脱继承body{...} p{...}div{ margin:20 px;}对于px与数字之间有空格,将会导致部分浏览器无法正常工作外部样式<link />与内部样式同时定义同一个样式时,*终样式属性将会从更具体的样式中继承针对不同浏览器:"_" ie6识别"*" ie6/ie7识别"...:...\9" ie6~8识别"!important" ie6不识别(优先前置)