css技术网_51CTO博客

CSS技术

Web标准[22]不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS。

职场

休闲

CSS技术

原创

lili00okok

2007-06-27 15:30:30

1341阅读

CSS Sprites (CSS 精灵) 技术

CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所

CSS

原创

cn2024

2018-07-10 09:01:00

277阅读

CSS进阶-CSS Sprites技术

在网页设计与开发领域，提高页面加载速度和优化用户体验是永恒的主题。CSS Sprites（精灵图）作为一种经典的图片合并技术，通过减少HTTP请求次数，有效提升了网站性能。本文将深入浅出地探讨CSS

前端

CSS

ico

屏幕尺寸

原创

Jimaks

2024-06-24 00:08:31

79阅读

文章目录CSS精灵技术（sprite）小妖精雪碧精灵技术产生的背景精灵技术本质精灵技术的使用制作精灵图注意事项结束语：精灵图案例CSS精灵技术（sprite）小妖精雪碧精灵技术产生的背景图所示为网页的请求原理图，当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。然而，一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的

CSS

原创

流楚丶格念

2020-07-03 21:18:42

548阅读

【CSS】CSS 精灵技术 Sprite ( 精灵技术需求 | CSS 精灵技术简介 | 代码示例 )

一、精灵技术需求二、CSS 精灵技术三、CSS 精灵技术代码示例

css

html

前端

CSS 精灵技术

background

原创

韩曙亮_

2023-04-22 07:16:33

153阅读

CSS技术（笔记）

2.1CSS技术1.简介：它是叠层样式表，cascadingstytlesheet，它的作用是增强网页的显示效果。目的：使用css让网页内容和样式分离，便于网站代码后期的维护。书写规范：选择器{属性1:值1;属性2:值2;}提示：如果值为若干单词，则要给值加引号实例：通过css样式<div>标记进行设置div{border:1pxsolidred;width:600px;height:

CSS技术

原创

wx5da03a3bd2999

2020-03-26 21:30:48

461阅读

CSS hack技术

首先我们要了解一个概念CSS hack 不同浏览器，比如IE6、IE7、IE8,Mozilla Firefox等，对CSS的支持及解析结果不同，因此会导致相同的网页生成的页面效果不一样。这个时候我们就需要针对不同的浏览器去定义不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我

css

firefox

html

原创

刘俊涛的博客

2022-05-07 15:49:20

158阅读

实用CSS技术

CSS (Cascading Stylesheets，层叠样式表)是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时，CSS简直象是神对我们的恩赐！前言 CSS(Cascading Stylesheets

职场

css

休闲

层叠样式表

添加层叠样式表

转载

小叶残风

2011-08-29 17:13:02

487阅读

03 CSS技术

CSS 技术文档:CSS2.0.ch 1.1CSS技术介绍 CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 1.2 CSS语法规则选择器：浏览器根据“选择器”决定受 CSS 样式影响的 HTML 元素（标签）。属性 (property) ...

css

选择器

html

实线

字体颜色

转载

mb5fe18fed96438

2021-07-21 17:21:00

147阅读

2评论

CSS常用技术

1、处理图片底部 5px 间距 <style> body {background: #2d97db;} .imgBox { background: #fff; font-size: 0; /* 方式一 */ line-height: 5px; /* 方式二 */ } img { width: 100 ...

css

2d

html

chrome

自定义

转载

mb5fed7287e6183

2021-10-08 14:58:00

137阅读

2评论

不同CSS技术及其CSS性能

翻译-不同CSS技术及其CSS性能原作者：Dave Gregory 原文地址：http://screwlewse.com/20…d-their-performance/ 翻译：张鑫旭 //zxx:以下非特别标注的内容均来自原文，不代表个人观点一、为什么我要测试CSS的性能这是背景：我是OOCSS(译者注：面向对象CSS)的忠实粉丝。但是最近工作，我一直使用C

测试

性能

技巧

CSS

休闲

翻译精选

Hoogle

2011-07-27 11:30:07

370阅读

1点赞

当当网css代码

#z1{width:150px;border:1px solid;border-color:lime;float:left;margin-top:10px;margin-left:10px;background-color:#FFFFFF}#z2{border:1px solid;border...

其他

转载

mob604756f6df2a

2010-12-22 16:03:00

133阅读

2评论

CSS 的新技术CSS Layout API

CSS Layout API是Houdini的一部分，后者是一组CSS扩展，旨在赋予开发者直接操作CSS内部工作方式的能力，包括动画、布局和样式计算等。通过CSS Layout API，开发者可以直接与CSS引擎交互，创建自定义的盒模型和布局算法，从而打破传统的网页设计界限。

css

前端

CSS

API

Layout

原创

我的代码呢

2024-10-26 09:29:52

58阅读

CSS Hack技术（一）

这世间坑爹的东西不少，浏览器可以算做一件，尤其的IE浏览器。关于浏览器的吐槽已经有不少了，我也就不在这添油加醋了。不过吐槽终究只是泄一时之愤，解决问题才是关键，今天我们就来讲一讲浏览器（样式）兼容的技术——CSS Hack。浏览器不兼容有很多方面，有的是javascript脚本不兼容，也有的是样式（...

浏览器兼容性

css

不兼容

chrome

safari

转载

mob604756ebc436

2014-09-12 14:01:00

90阅读

2评论

CSS 基础技术文档

目录CSS 简介CSS 语法选择器盒模型布局技术响应式设计最佳实践1. CSS 简介 CSS（层叠样式表）是一种用于描述HTML或XML文档呈现方式的样式表语言。它控制网页的布局、颜色、字体等视觉表现。CSS 的作用：分离内容与表现提高页面加载速度使维护更加容易提供更灵活的页面设计2. CSS 语法 CSS 规则由两个主要部分组成：选择器和声明块。selector { property: va

选择器

CSS

外边距

原创

mb661f3315296a7

1月前

61阅读

当当网css代码

#z1{width:150px;border:1px solid;border-color:lime;float:left;margin-top:10px;margin-left:10px;background-color:#FFFFFF}#z2{border:1px solid;border...

其他

转载

mob604756f6df2a

2010-12-22 16:03:00

137阅读

2评论

css定位技术解析

css定位技术，在网页设计开发中有着很重要的作用。有许多的案例都可以用到它。比如说二级菜单，弹窗，图片轮播等等。现在我来总结一下它的使用。 css定位属性是position,它有如下的几种属性值： 1：static:(默认值)无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。

css

定位

position

原创

cmdlovehl

2015-03-05 14:52:43

413阅读

div,css常用技术

1,一张图作为背景的用法：必须指定width,height，background属性.smallCircle{ margin-top: 25px; margin-left: 40%; width: 10px;height: 10px; background:url(../images/smallCi...

html

绝对定位

相对定位

换行符

元素定位

转载

mob604756ee87ff

2015-05-18 13:08:00

47阅读

2评论

动态CSS,换肤技术

程序代码 <HTML> <HEAD> <link ID="skin" rel="stylesheet" type="text/css"> <TITLE>换肤技术</TITLE> <SCRIPT LANGUAGE=javascript> <!-- function SetCookie(name,value){ var ar

css

css3

html

javascript

程序代码

转载

mob604756fa220f

2007-09-29 23:15:00

99阅读

2评论

CSS 图像拼合技术

CSS 图像拼合技术一、图像拼合图像拼合就是单个图像的集合。有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。使用图像拼合会降低服务器的请求数量，并节省带宽。二、图像拼合 - 简单实例与其使用三个独立的图像，不如我们使用这种单个图像（"img_navsprites.gif"

CSS

背景图

悬停

css

服务器

转载

mob604756e9d3bc

2018-07-23 15:58:00

159阅读

2评论

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

css技术网

CSS技术

CSS Sprites (CSS 精灵) 技术

CSS进阶-CSS Sprites技术

CSS——CSS精灵技术（sprite）※

【CSS】CSS 精灵技术 Sprite ( 精灵技术需求 | CSS 精灵技术简介 | 代码示例 )

CSS技术（笔记）

CSS hack技术

实用CSS技术

03 CSS技术

CSS常用技术

不同CSS技术及其CSS性能

当当网css代码

CSS 的新技术CSS Layout API

CSS Hack技术（一）

CSS 基础技术文档

当当网css代码

css定位技术解析

div,css常用技术

动态CSS,换肤技术

CSS 图像拼合技术

android技术网 android技术方向

当当网首页——CSS代码

CSS content内容生成技术

《CSS核心技术详解》

CSS网络虚拟化技术

CSS动画技术文档

技术官网总览

中国领先IT技术网