摘要：页面结构 / 样式效果分析： 细节分析： ① 页面头部由 header 标签嵌套 img 标签。 ② 每个是商品由 div 标签嵌套 img 标签构成，商品上面的文字层由 div 标签嵌套 h3 和 p 标签构成。 ③ 商品列表下方的文字由 section 标签嵌套 p 标签构成，页面最下面的部分由 阅读全文

摘要：前导知识 HTML5 常用图像标签 1.<img> 2.<figure>标签和<figcaption>标签（<figure>插画） <figcaption>是嵌套在<figure>标签内的，用于指定图片的标注。 CSS 阴影和渐变 1.盒阴影 投影方式默认为外投影，当设置为 “inset” 时，变为 阅读全文

摘要：效果： 前导知识 a:link 初始状态 a:hover 悬停状态 a:active 单击时的状态 a:visited 访问后的状态 love hate 顺序。 项目实战 分析： 步骤 ①HTML 布局 ②设置基线同父元素对齐，调整元素位置 ③使用font-awesome图标 ④设置 a 标签 ⑤右 阅读全文

摘要：前导知识点 1 字体属性合写 text-shadow 设置文本阴影 h-shadow水平阴影 v-shadow垂直阴影 blur模糊半径 color阴影颜色 2 CSS3的 @font-face 规则 @font-face 用于定义服务器字体，可以让开发者使用计算机中未安装的字体 3 多列布局 4 阅读全文

摘要：作为一个WEB小萌新，自学了有一段时间，总是感觉停滞不前。最近反思中，想到前贤一句话：书读百遍其义自见。说到底，还是项目做的少，如果做多了，想必自然会得心应手。 利用HTML5+CSS3绘制HTML5的Logo 以上为H5基本样式。 【项目分析】 1定位出整个页面背景区域，并实现背景光束 2定义lo 阅读全文