• DW默认生成的代码(HTML主体结构)
  1. DOCTYPE声明：声明网页所遵循的标准规范（告诉浏览器以何种标准来解析网页）
• HTML标签：html列表标签
  1. 无序列表
     1. <ul></ul>：声明HTML中的无序列表
     2. <li></li>:代表列表中的每一项
  2. 有序列表
     1. <ol></ol>：声明HTML中的有序列表
     2. <li></li>：代表列表中的每一项

• HTML注释：
  2. 注释的作用：不会被浏览器解析，起到解释说明的作用
  3. DW预览html页面

 

• CSS的基本语法
  1. CSS(Cascading Style Sheets)指的是层叠样式表
  2. CSS解决了一个问题：HTML标签与样式分离
  3. CSS样式
     1. 文本样式：颜色
        2. 其中，style是p标签当中的一个属性，用来设置CSS样式
     2. 字体样式：
        1. 设置字体尺寸
           1. font-size:100px;
        2. 设置字体加粗
           1. font-weight:900;//值的范围100~900，数字越大，字体越粗
           2. font-weight:bold;//bold是粗体
        3. 设置字体倾斜
           1. font-style:italic;//italic是倾斜的意思，只记这个
           2. font-style:normal;//字体不倾斜
           3. font-style:oblique;//字体 倾斜
        4. 设置字体系列
           1. 如何编辑字体列表
           2. font-family:字体系列;
           3. font-family:Verdana, Geneva, sans-serif;//如果浏览器不支持第一个字体，则尝试下一个

• CSS样式表
  1. 行内样式表
     1. 定义：写在html标签style属性中的样式
  2. 内部样式表
     1. 定义：写在头部head中<style></style>标签对中的样式

 

1. 外部样式表
   1. 特点：HTML页面专门用来写html代码，而CSS样式专门放到一个样式文件(css文件)中
   2. 定义：在头部head中，用link标签引入的样式
      1. Link标签中的属性：
         1. href//指定css文件的地址
         2. type//规定被链接文件的类型，这里是text/css
         3. rel//定义当前文件与被链接文件之间的关系，这里是外部css样式文件

• 推荐使用外部样式表

• CSS选择器
  1. 作用：用来选中HTML页面中的标签的
  2. 一个标签对构成一个元素：<p></p><img/>
  3. 标签/元素选择器
     1. 语法：

标签名称{样式名:样式值;}

 

1. ID选择器
   1. 具有唯一性：同一ID在同一个页面只能使用一次
   2. 何时使用：当只有一个地方需要用到某种样式
2. 类(class)选择器
   1. 特点：可以在同一个页面使用多次
   2. 何时使用：当两个及两个以上的地方需要用到同一种样式时

1. 后代选择器
   1. 特点：父元素写在前面，子元素写在后面，中间用空格隔开
2. 伪类选择器：针对超链接