HTML和CSS难点

1、去线和加线
text-decoration: none;去除下划线
text-decoration: underline;加下线

2、网页分成三个层次
结构层、表示层、行为层。
网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。”
网页的表示层（presentation layer） 由 CSS 负责创建。 CSS 对“如何显示有关内容”的问题做出了回答。
网页的行为层（behavior layer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰的领域。

网页的表示层和行为层总是存在的，即使我们未明确地给出任何具体的指令也是如此。此时， Web 浏览器将把它的默认样式和默认事件处理函数施加在网页的结构层上。例如，浏览器会在呈现“文本段”元素时留出页边距，有些浏览器会在用户把鼠标指针悬停在 某个元素的上方时弹出一个显示着该元素的 title 属性值的提示框，等等。

3、设置所有的列内间距和列外间距为0
*{
margin:0;
padding:0;
}
4、
u标签 HTML
i标签 HTML
5、
img src="./1.jpg" alt=“加载失败”
img标签插入图片
a link=“www.baidu.com”
a标签插入链接
a链接瞄标记
a name=“target"衣服
a href=”#target"找衣服
./+外部地址+# 表示瞄标记到外部文件
6、
span行标签、div列标签
7、ifName内元框架
a href="#"
a href= target=“ifName”
iframe name=“ifName” src=
8、样式的写法
行内样式
内嵌样式
外部样式:link rel=“stylesheet” href=
9、内嵌样式的选择器
元素选择器
dody{}
class类选择器
#访问
id选择器
.访问
提高样式的级别：！importont;
10、给一个元素多个样式，用空话隔开
border:1px solid black;
11、
大于号表示定义它的直接子代元素样式
空格定义它的所有子代元素样式
12、hover表示悬浮伪类
鼠标点的时候设置的样式
13、
display: none;隐藏
display: block;显示
14、绝对位置和相对位置
position:absolute;相对定位，不占位置
position:relative;绝对定位，占位置
15、
text-decoration: none;去下线
text-decoration: under-line;加下线
16、
list-style:none;列表去前面的点