北京网页设计培训 Dreamweav的基本使用(一)
课程导航
北京网页设计培训 Dreamweav的基本使用(一)报名
北京网页设计培训 Dreamweav的基本使用(一)新闻
北京网页设计培训 Dreamweav的基本使用(一)环境
热门课程:
400-888-4846
  • 学校新闻

北京网页设计培训 Dreamweav的基本使用(一)

  列表样式:
  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:inline/block/none
  Float浮动:跳出文档流;增加一个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-height
  Visibility:设置元素是否可见
  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不识别(优先前置)