
前端学习之CSS——精灵图
1. 精灵图 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。 为什么使用精灵图(目的):为了有效地减少服...

1. 精灵图 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。 为什么使用精灵图(目的):为了有效地减少服...

在设置login背景时,找到了一张这样的图片: 但是设置成login背景时,如果没有做一些css适应设置,图片就变样了,变成了这样: 严重变形了,这就造成了一种理想与现实的差距。 若想解决这个自适应问题,其实很好解决,只需要在前端代码里加上...

1.初识CSS 概念: CSS(Cascading Style Sheets) ,通常称为CSS样式表或层叠样式表(级联样式表) 作用: 主要用于设置 HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距...

使用 -webkit-appearance: none;border-radius: 0; outline: 0; 更改单选框radio-复选框checkbox去掉默认样式,然后自己定义自己想要的单选框radio-复选框checkbox...

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>&...

H5页面不能自定义CheckBox样式问题,需要在app.vue中设置样式。 uni-checkbox .uni-checkbox-input {border-radius: 50%;}uni-checkbox .uni-checkbox-...

随着目前前端页面的需求不断提升,有些场景需要渐变背景的元素。本文利用div和css3新属性,实现了一个背景渐变的按钮,具体如下: 1.background: linear-gradient 背景为渐变色属性2.利用css3中动画特性anim...

CSS常用类和属性总结 CSS常用类总结 页面结构 div+css命名 导航 功能 样式文件命名 CSS常用属性总结 字体设置 文本属性 盒子设置 其它常用属性 CSS常用类总结 页面结构 容器: container页头:header内容:...