前端设计--HTML，CSS

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

常用的块状元素有：
块级元素特点：
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度

> <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>
> 、<form>

常用的内联元素有：
内联元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度及顶部和底部边距不可设置；
3、元素的宽度就是它包含的文字或图片的宽度，不可改变

```
`<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

常用的内联块状元素有：

<img>、<input>

在非块状元素（内联元素）加上标签display:block;可以独自成一行
内联元素也可以变成块状元素，display:inline
background:pink则是他的背景

<pre></pre>在HTML标签中，可以识别文本其中的空格和换行

blookquote 可以实现段落的引用，自动两端对齐

还有就是，当标签原定义和CSS样式发生冲突的时候，与CSS保持一致

  文本中打空格是没用的空格
*字体排版*
设置font-weight 属性，
font-weight:
normal :　 默认值。正常的字体。相当于 400 。声明此值将取消之前任何设置
bold :　 粗体。相当于 700 。也相当于 b 对象的作用
bolder :　 比 normal 粗
lighter :　 比 normal 细
100 :　 字体至少像 200 那样细
200 :　 字体至少像 100 那样粗，像 300 那样细
300 :　 字体至少像 200 那样粗，像 400 那样细
400 :　 相当于 normal
500 :　 字体至少像 400 那样粗，像 600 那样细
600 :　 字体至少像 500 那样粗，像 700 那样细
700 :　 相当于 bold
800 :　 字体至少像 700 那样粗，像 900 那样细
900 :　 字体至少像 800 那样粗
font-weight:bold; 粗细
font-family字体样式；
font-size:12px;大小
color:#666；颜色
font-style:italic;斜体
text-decoration:underline;下划线
.oldPrice{text-decoration:line-through;} 删除线
p{text-indent:2em;}首行空行，1个em就是1个中文字体大小
line-height:1.5em;行间距
letter-spacing:50px;这个是中文，或者是英文，但是每个字母，如果想每个单词的话；
word-spacing:50px;

table中有时候加上thead,tbody和tfoot只是为了加载的时候，是一边下载一遍显示，只是为了显示效果。、
lablel是一个文本触发器，其中for和相对应的ID属性要相一致

子选择器和后代选择器的区别：
子选择器
.first>.son{ border:1px solid red; }
son就是他的子选择器,而他的孙子元素则不适用，、
但是 .first .son{ border:1px solid red; }first里所有的元素都适用（后代选择器）

通用选择器
*{color:red;}

三种CSS样式的优先级是就近原则，
但是嵌入式大于外部式的前提是在