十三阿哥的博客

【代码】html+css综合案例-购物网站。

init 背景缩放 背景图片2倍图4. 移动端常见布局5. 流式布局京东移动端案例6.1 init6.2 flex布局原理6.3 flex父项常见属性 init flex-direction justify-content flex-wrap align-items align-content flex-flow flex子项常见属性 init flex属性 align-self属性6.5 携程网首页制作gitte地址： em-rem认识 媒体查询 in

2. css3盒子模型 css3盒子模型 盒子模型新发现 translate rotate rotate-1 rotate-2 rotate应用1 rotate应用2 scale scale scale应用1 scale应用2 注意8. css3动画8.1 init8.2 动画序列8.3 动画属性8.4 动画属性简写8.5 案例1map.png8.6 速度调节曲线8.7 案例2bear.png9.1 3D移动9.2 3D旋转9.3 transform-

index.png分析图3. css三角 三角制作3.2 京东三角 cursor outline vertical-align 图片底部留白问题 单行文本溢出显示省略号 多行文本溢出显示省略号7.1 margin负值的应用17.2 margin负值的应用27.3 文字围绕浮动元素7.4 行内块的巧妙应用7.5 CSS三角强化

1. 通过盒子模型，我们可以清楚地知道大部分html标签是一个盒子。2. 通过CSS浮动,定位 可以让每个盒子排列成网页。3. 一个完整的网页，是标准流，浮动，定位一起布局完成的，每个都有自己专门的用法。4.标准流：可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局。浮动： 可以让多个块级元素一行显示或者左右对齐盒子，多个块级盒子水平布局就用浮动布局。定位： 定位最大的特点是具有层叠的概念，就是可以让多个盒子青后叠压来显示。如果元素自由在某个盒子内移动就用定位布局。

* 此处表示显示的意思 *//* 此处表示显示的意思 *//* 事先隐藏 */

2. 五大定位 静态定位 相对定位 绝对定位 特点 绝对定位1 绝对定位2 绝对定位3 固定定位 固定定位 固定定位_版心 粘性定位轮播图示例 定位盒子居中 定位的特殊特性 浮动元素不会压住标准流的文字定位会压住原型图tb.jpg

*3. 行内元素 -> 行内块元素 *//* 行内元素 -> 行内块元素 *//*1. 行内元素 -> 块元素 *//*2. 块元素 -> 行内元素 */

2. 为什么需要浮动2.12.23.13.23.35.1 案例15.2 案例25.3 案例36.16.27.1 为什么清除浮动7.2 简单补充7.3 隔墙法7.4 overflow属性清除浮动7.5 after伪元素清除浮动7.6 双伪元素清除浮动7.7 学成在线案例参考链接

01_内边距.html02_内边距的应用.html03_关注1.html04_关注2.html05_关注的问题.html01_外边距.html02_盒子居中.html03_嵌套外边距合并.html04_相邻外边距合并.html01_注意点1.html02_注意点2.html03_清除内外边距.html04_盒子阴影.html05_文字阴影.html06_圆角矩形.html5.1 仿照如下示例图用代码实现对应效果5.2 仿照如下示例图用代码实现对应效果

2. 通配选择器3. 类选择器4. ID选择器5. 属性选择器18. 伪类选择器2 多类名选择器 复合选择器 link标签与伪元素选择器21.4 伪元素选择器 CSS选择器1 CSS选择器2 CSS选择器3 伪系列选择器 图片

此时body字体大小12px, 行高24px */2. 如果子元素（比如div）没有设置行高, 则会继承父元素的行高1.5;此时子元素的行高为 子元素文字大小 * 1.5;1. 行高可以跟单位，也可以不跟单位;/* 此时div行高为20 * 1.5 = 30;/* 用来让它的孩子继承行高1.5 */

* 此处表示文本高度是16px，上下间距各为10px *//* 2. 行间距 = 文本高度+下间距+上间距*//* 否则两个单元格重合时发生重叠，边线加粗 *//*文本默认高度是16px *//* 1. 首行缩进 */

background-repeat: 设置背景图片如何填充;必须事先指定background-image属性;设置背景图是随对象内容滚动还是固定的;(fixed | scroll)background-size: 设置背景图片的大小;background-iamge: 设置背景图片;background-color： 设置背景颜色。/* 2. 复合写法：通过font搞定 *//* error, 无效果 *//* 1. 之前的写法 */