文本域一定要写在一行,不然会有一大片空白区域
问题是
想要的效果
原理是先对第一个盒子浮动然后-1px,紧接着第二个盒子浮动然后-1px进行渲染的
浮动盒子不会压住标准流文字
兼容性考虑浏览器由上至下检索支持的文件进行播放
小米的视频加载图片链接
父盒子插入子盒子
实际也是创建盒子(这个盒子是行内元素)
删除内部div,添加如下样式
再次变大
以前会掉头减padding减board
第一步是切出图标
竖线也是li盒子,距离通过左右margin值控制,竖线通过li盒子缩小到1px实现
下三角小图标有两种方式,一种是套个盒子,一种是伪元素
以前是放图片进去,实际开发并不是,要考虑如下制作方式
京东的做法
淘宝的做法,让数字往一个方向移动出盒子,然后加overflow切掉
给a加浮动这样通过padding撑开时点击空白区域也会触发连接
会压住要显示的区域
头部和底部是每个页面的公共部分也就是不变的包括html结构和css样式,所以放到common.css。现在开始做特异化的部分
轮播图放在li里面通过js实现点击翻页
去掉.news{color:“pink”}属性
限制后台乱传图片大小,只会按这个大小显示,
tab栏切换要等学完js才能去做
里面所有元素都会居中
最大的盒子不要给高度,让它自己撑开
优化:
overflow隐藏溢出的其他盒子部分
因为是透明的图所以看不到
闪烁的小圆点是div定位到某个位置
为什么不用scale放大是因为会把box-shadow阴影一起放大
因为有div的移动所以有定位
效果必须借助透视才能看