已经来黑马20多天了，把自己这段时间学到的知识总结下：网页有图片、链接、文字等元素组成，前端的任务就是要把这部分网页元素用代码写出来。。。
web标准        结构：HTML        样式（表现）：CSS        行为:JaveScript
HTML元素标签分类
1.常规元素（双标签）         2.空元素（单标签）
HTML标签关系
1.嵌套关系      2.并列关系
HTML常用标签： 1.排版标签：h标题  p段落  hr水平线  br换行  div和span
2.文本格式化标签：b/strong粗体  i/em斜体  s/del  删除线  u/ins下划线
3.其他：img图像标签  a链接标签  <!-- --> 注释标签
路径分为相对路径和绝对路径
列表、表格、表单

css（层叠样式表）

• 选择器用于指定CSS样式作用的HTML标签，花括号内是对该对象设置的具体样式。
• 属性和属性值以“键值对”的形式出现。
• 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。
• 属性和属性值之间用英文“:”连接。
• 多个“键值对”之间用英文“;”进行区分。
  
  

css基础选择器：
1.标签选择器  2.类选择器  3.id选择器  4.通配符选择器
其中最常用的是类选择器
css字体样式
font-size:大小
font-family:字体
font-weight:字体粗细
font-style:字体风格
字体样式可以综合设置：font: font-style  font-weight  font-size/line-height  font-family;
css外观属性
color:文本颜色
text-align:水平对齐
line-right:行间距
text-indent:首行缩进
text-decoration:文本的装饰
css复合选择器：后代选择器、子元素选择器、交集选择器、并集选择器、链接伪类选择器
标签显示模式

什么是标签的显示模式？

标签以什么方式进行显示，比如div 自己占一行， 比如span 一行可以放很多个

标签显示模式有 块级元素(block-level)、行内元素(inline-level)、行内块元素（inline-block）

标签的显示模式可以通过display属性进行转化。

css三大特性：层叠性、继承性、优先级

网页布局

一个完整的网页，有标准流 、 浮动 、 定位 一起完成布局的。每个都有自己的专门用法。

1). 标准流

可以让盒子上下排列 或者 左右排列的

2). 浮动

可以让多个块级元素一行显示  或者 左右对齐盒子   浮动的盒子就是按照顺序左右排列

3). 定位

定位最大的特点是有层叠的概念，就是可以让多个盒子 前后 叠压来显示。 但是每个盒子需要测量数值。

已经来黑马20多天了，把自己这段时间学到的知识总结下：网页有图片、链接、文字等元素组成，前端的任务就是要把这部分网页元素用代码写出来。。。
web标准        结构：HTML        样式（表现）：CSS        行为:JaveScript
HTML元素标签分类
1.常规元素（双标签）         2.空元素（单标签）
HTML标签关系
1.嵌套关系      2.并列关系
HTML常用标签： 1.排版标签：h标题  p段落  hr水平线  br换行  div和span
2.文本格式化标签：b/strong粗体  i/em斜体  s/del  删除线  u/ins下划线
3.其他：img图像标签  a链接标签  <!-- --> 注释标签
路径分为相对路径和绝对路径
列表、表格、表单

css（层叠样式表）

• 选择器用于指定CSS样式作用的HTML标签，花括号内是对该对象设置的具体样式。
• 属性和属性值以“键值对”的形式出现。
• 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。
• 属性和属性值之间用英文“:”连接。
• 多个“键值对”之间用英文“;”进行区分。
  
  

css基础选择器：
1.标签选择器  2.类选择器  3.id选择器  4.通配符选择器
其中最常用的是类选择器
css字体样式
font-size:大小
font-family:字体
font-weight:字体粗细
font-style:字体风格
字体样式可以综合设置：font: font-style  font-weight  font-size/line-height  font-family;
css外观属性
color:文本颜色
text-align:水平对齐
line-right:行间距
text-indent:首行缩进
text-decoration:文本的装饰
css复合选择器：后代选择器、子元素选择器、交集选择器、并集选择器、链接伪类选择器
标签显示模式

什么是标签的显示模式？

标签以什么方式进行显示，比如div 自己占一行， 比如span 一行可以放很多个

标签显示模式有 块级元素(block-level)、行内元素(inline-level)、行内块元素（inline-block）

标签的显示模式可以通过display属性进行转化。

css三大特性：层叠性、继承性、优先级

网页布局

一个完整的网页，有标准流 、 浮动 、 定位 一起完成布局的。每个都有自己的专门用法。

1). 标准流

可以让盒子上下排列 或者 左右排列的

2). 浮动

可以让多个块级元素一行显示  或者 左右对齐盒子   浮动的盒子就是按照顺序左右排列

3). 定位

定位最大的特点是有层叠的概念，就是可以让多个盒子 前后 叠压来显示。 但是每个盒子需要测量数值。