最近看了很多这方面的文章，能搜到的基本看了个遍，但感觉还是似懂非懂，知道这个东西，很难说出这是个什么东西，先整理一些概念，慢慢消化，以后慢慢探索其中的原因。1、PX(CSS pixels)1.1 定义虚拟像素，可以理解为“直觉”像素，CSS和JS使用的抽象单位，浏览器内的一切长度都是以CSS像素为单位的，CSS像素的单位是px。1.2 注意在CSS规范中，长度单位可以分为两类，绝对(absolut
阅读目录CSS 图片廊公共的HTML布局CSS 创建图片廊响应式图片廊CSS 图像透明/不透明创建一个透明
原创
2023-03-24 12:47:29
157阅读
1 2 3 4 5 无标题文档 6 34 35 36 37 38 39 40 41 42 Richard Rutter 43 44 45 Andy Budd 46 47 48 Jeremy Keith 49 50 51 52 53
原创
2021-07-29 16:21:47
138阅读
CSS |背景图像1.border先设置一个基础结构，并且使用border设置边框的格式：/*宽度为500px高度为500pxborder：边框的宽度 边框的样式 边框的颜色*/div{
原创
2022-07-11 16:36:25
288阅读
CSS 图像拼合技术 一、图像拼合 图像拼合就是单个图像的集合。 有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。 使用图像拼合会降低服务器的请求数量，并节省带宽。 二、图像拼合 - 简单实例 与其使用三个独立的图像，不如我们使用这种单个图像（"img_navsprites.gif"
转载
2018-07-23 15:58:00
159阅读
2评论
CSS3属性transform详解之（旋转:rotate,缩放:scale,倾斜:skew,移动:translate） 在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理，本文将对此做详细介绍。 一.旋转 rotate
用法：transform: rotate(45deg);
共一个参数“角度”，单位
转载
2024-08-07 10:05:06
58阅读
默认情况下背景图像会自动向水平和竖直两个方向平铺，如果不希望不平铺，或者只希望沿一个方向平铺，可以使backgroud-repeat属性来控制，该属性可以取以下4种之一repeat：沿水平和竖直两个方向平铺，也是默认值；no-repeat：不平铺，只显示一次；repeat-x：只沿水平方向平铺；repeat-y：只沿竖直方向平铺；回到《【CSS】【6】CSS学习的一些前提》的登录界面，里面只有一个
原创
2013-07-31 19:18:37
1418阅读
点赞
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="referrer" content="origin"> <link type=...
原创
2021-08-10 10:33:13
306阅读
HTML 样式- CSSCSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式. <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style type=
原创
2023-06-13 10:40:21
114阅读
CSS 图像拼合技术，又称为 CSS Sprites，是一种通过将多个图像合并成一张大图，然后利用 CSS 的背景定位功能来显示所需图像部分的技术。这种技术在网页设计中被广泛应用，旨在提高页面加载速度和减少 HTTP 请求次数。本文将详细介绍 CSS 图像拼合的原理、实现方法及其优势。一、原理介绍当网页需要加载多个图像时，每个图像都会产生一个 HTTP 请求。这些请求不仅消耗服务器资源，还会增加页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box { position: relative;
原创
2023-05-30 16:25:57
92阅读
background-image属性描述的元素的背景图像 默认的情况之下，背景图像进行的是平铺重复
转载
2022-07-07 17:17:30
181阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
转载
2021-10-03 20:39:00
93阅读
2评论
CSS背景图片背景图片背景平铺背景图片的位置背景图像固定背景复合写法背景颜色半透明 通过CSS背景属性，可以給网页元素添加背景样式 背景属性可以设置背景颜色、背景图、背景平铺、背景图片位置、背景图像固定等等背景图片background-image属性描述了元素的背景图像、实际开发常见于logo或者一些装饰的小图片或者是超大的背景图片，优点是非常便于控制位置(图灵也是一种运用场景)backgroun
转载
2024-06-28 13:00:14
538阅读
在css中，可以使用filter属性来模糊处理图像；filter属性用于将图像转换为模糊图像。该属性主要用于设置图像的视觉效果。 语法： filter: blur() 属性值： ● blur()：给图像设置高斯模糊，值越大越模糊。如果没有设定值，则默认是0；这个参数可设置css长度值，但不接受百分比 ...
转载
2021-08-15 17:44:00
209阅读
2评论
在css中，可以使用filter属性来模糊处理图像；filter属性用于将图像转换为模糊图像。该属性主要用于设置图像的视觉效果。 语法： filter: blur() 属性值： ● blur()：给图像设置高斯模糊，值越大越模糊。如果没有设定值，则默认是0；这个参数可设置css长度值，但不接受百分比
转载
2020-09-26 15:43:00
90阅读
2评论
CSS 图像透明/不透明 使用CSS很容易创建透明的图像。 注意：CSS Opacity属性是W3C的CSS3建议的一部分。 一、示例一：创建一个透明图像 CSS3中属性的透明度是 opacity。 首先，我们将向您展示如何用CSS创建一个透明图像 IE9，Firefox，Chrome，Opera，
转载
2018-07-23 15:53:00
505阅读
2评论
现在，我们希望网站上的背景图像始终覆盖整个浏览器窗口。具体要求如下：用图像填充整个页面（无空白）根据需要缩放图像在页面上居中图像不引发滚动条下面的例子显示了如何实现它：使用 <html> 元素（<html> 元素始终至少是浏览器窗口的高度）。然后在其上设置固定且居中的背景。最后使用 background-size 属性调整其大小：html back
转载
2022-11-07 17:49:47
111阅读
今天彬Go将向大家推荐目前为止最全的CSS Sprites(CSS图 像拼合技术)技巧、工具和教程集合，该集合是有一位国外设计师收集整合，并由 oncoding翻译成中文的，感谢他们的辛苦贡献。CSS Sprites技术在国外并不是什么新技术，只不过近两年(尤其08年开始)中国开始流行这个词，大家也开始越来越关注CSS Sprites这个没有标准中文翻译的技术。CSS Sprit
转载
2011-04-29 08:40:05
680阅读
border-image属性.className{ border-image:url(/course/54d1cae088dba03f2cd1fec1/img/border.png) 20 20 20 20 / 20px; -webkit-border-image:url(/course/54d...
原创
2021-07-30 14:53:19
175阅读
