前端-HTML+CSS

块级元素有、、，以及列表标签、、、、、 行内元素有、、以及文本格式化标签、、、 行内块元素 、，以及标签，的本质就是 一般行内元素、行内块元素都使用 div 包裹一下。 CSS三大特性：层叠性 继承性

标签选择器 标签选择器是指用HTML标签名作为选择器，可以把某一类标签全部选择出来，然后为页面中某一类标签指定统一的CSS样式。 比如：将所有的p标签选出来，颜色设置为红色。 优点是能快速为页面中同类

1. CSS样式表 CSS(Cascading Style Sheets)，通常称为CSS样式表或层叠样式表（级联样式表）。 主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形

其实，CSS就三个大模块：盒模型、浮动、定位，其余的都是细节，这三部分，无论如何也要学的非常精通。 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元

1. CSS 布局的三种机制 网页布局的核心就是用 CSS 来摆放盒子，CSS 提供了 3 种机制来设置盒子的摆放位置，分别是标准流、浮动和定位。 标准流 块级元素会独占一行，从上向下顺序排列。 行内

1. 为什么使用定位？ 我们先来看一个效果，同时思考一下用标准流或浮动能否实现类似的效果？ 小黄色块在图片上移动，吸引用户的眼球 当我们滚动窗口的时候，盒子是固定屏幕某个位置的 要实现以上效果，标准流

阅读报纸时容易发现，虽然报纸中的内容很多，但是经过合理地排版，版面依然清晰、易读。同样，在制作网页时，要想使页面结构清晰、有条理，也需要对网页进行“排版”。 “版心”(可视区) 是指网页中主体内容所在

“工欲善其事，必先利其器”，Chrome浏览器不仅可以调试页面、JS、请求、资源、cookie，还可以模拟手机进行调试。我们现在只是使用html和css，我们先讲一下现在常用的调试。 1. 怎样使用C

1. 元素的显示与隐藏 ① display 显示 display 设置元素是否及如何显示。 特点：隐藏之后，不再保留位置。 实际应用场景：配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉

一. CSS3 形变 1. 2D形变 transform是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、倾斜、缩放，甚至支持矩阵方式，配合过渡和即将学习的动画知识，可以取代大量之前只能靠F

使用HTML+CSS+JS实现的模仿京东电商界面，文档及代码如下：品优购项目 项目截图：