DW知识点

【1】ul，ol，dl区别
ul: unordered（无序） lists ，ol: ordered（有序） lists  ，li: Lists  
ol 有序列表:
表现为：
1……
2……
3……

ul 无序列表：

表现为

li前面是大圆点而不是123: 

• ……
• ……

dl dt dd的用法:

很多人容易忽略dl dt dd的用法: 
dl 内容块，dt 内容块的标题，dd 内容，可以这么写：
 

标题

  内容1

  内容2

注意:

li可以从上一级的ol，ul继承{list-style-type:none;}，所以只需要在ul，ol上设置该属性即可。

 
【2】去掉a标签点击后的虚线框实现代码
方法一：
1，对于单独的一个a标签；在a标签里面添加οnfοcus="this.blur();"

例如：

2，对于整个页面的a标签，可以在css里面添加： 

body a{outline:none;blr:expression_r(this.onFocus=this.blur());}
方法二：（此为常用办法，直接复制到style使用） 
a{ 
blr:expression_r(this.onFocus=this.blur());  
outline:none;  
} 
a:focus{ 
-moz-outline-style: none;  
} 

方法三：
如果是元素，可以这样写：
a {blr:expression_r(this.onFocus=this.blur())}
如果是是图片，可以这样写： 
area {blr:expression_r(this.onFocus=this.blur())}
方法四：
 

a {outline: none;}

a:active {star:expression_r(this.onFocus=this.blur());}

:focus { outline:0; } 

【3】块级元素与行内元素
块级元素：
div，h1...h6，p，ul，ol，dl
属性，一个元素占满一行，下一个元素自动换行。

块级元素的宽度，是继承上一级的宽度的100%，如果设置了float那么就会以最窄的形式显示。
行内元素：
a，i，span，em，b， (big，strong，small，tt)，（sup在上，sub在下）
属性，这里每个元素都在一行内，除非宽度不够会自动换行。如：
 

hello!world!
hello!world!
hello!world!
hello!world!
hello!world!

 
属性，自动靠左靠顶不自动换行，不用float也自动靠左靠顶。
里边的文本居中代码：
line-height:80px;
text-align:center; 
text-align:center; 
具有继承性，在多层父级上设置，其子级都会继承这一属性。且text-align属性只对文本和 图片元素，还有对行内元素i，em，span，b，a有居中作用，其他元素则无效，如对p，对div。
使用i，em，span，b，a，在代码里编写网页如果不是自动换行而是回车键换行的，是否影响效果？如果用txt编写出来的代码就会有影响，不知道DW是否会这样。

行内元素转换成块级元素方法：

设置display：block；或者 float：left/right；

然后再在父级加overflow：hidden；或者cl清除浮动，这个是设置float而言的。

这是我所学到的DW知识分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！