前端学习之CSS——精灵图
1. 精灵图 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。 为什么使用精灵图(目的):为了有效地减少服...
1. 精灵图 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。 为什么使用精灵图(目的):为了有效地减少服...
在设置login背景时,找到了一张这样的图片: 但是设置成login背景时,如果没有做一些css适应设置,图片就变样了,变成了这样: 严重变形了,这就造成了一种理想与现实的差距。 若想解决这个自适应问题,其实很好解决,只需要在前端代码里加上...
CSS常用类和属性总结 CSS常用类总结 页面结构 div+css命名 导航 功能 样式文件命名 CSS常用属性总结 字体设置 文本属性 盒子设置 其它常用属性 CSS常用类总结 页面结构 容器: container页头:header内容:...
资源:前端开发规范 CSS, SCSS 规范使用soft tab(4个空格) 每个属性声明末尾都要加分号 空格 以下几种情况不需要空格: 属性名后 多个规则的分隔符’,\’前 !important \’!\̵...
网页新闻列表 重点:如何使用行内块元素`“css <!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\">&l...
如何用CSS3制作立方体要想利用css3做出立方体,首先我们应该先想象一下立方体的构造,见下图:立方体是由六个面组成,首先我们需要建立一个盒子,设置3D空间,然后建立6个面,开始我们可以让这6个面定位在同一个位置即重叠在一起,然后通过位移旋...
PDF网盘地址提取码:7klk 笔记部分 渐近增强和优雅降级 选择器 1、多类选择器 任一类名不存在就无法匹配(IE6不支持,会以末尾类名为准) 2、E + F 选择相邻且紧挨E的F 3、目标伪类选择器 E :target 匹配E的所有元素...
html页面的重现流程 浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document对象。DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS...
1.为什么使用定位 浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。 2. 定位组成 定位:将盒子定在某一个位置,所以定位也是在...
<html><title>分割线</title><body><div><span>设备:</span><span>1</span>&...