数字化技能提升教程,数字化时代生存宝典

标签:CSS

聚合展示与当前标签相关的教程与电子书内容。

教程

共 6 篇

微软向W3C万维网联盟提交新CSS标准

微软向W3C万维网联盟提交新CSS标准

接触<a href=http://www.zzbaike.com/wiki/css target=_blank>css</a>代码也有一段时间了,谈到最多的一般是css简化,如何简化css代码,保证css特效发挥到极致的同时让网页加载速度最快。近日微软向<a href=http://www.zzbaike.com/wiki/W3C target=_blank>W3C</a>万维网联盟提交了一个名为CSS Scrolling Snap Points(CSS网页平滑滚动)的网页标准提案。

站长新闻 · 2013-10-30
纯CSS的响应式图标字体 - Cikonss

纯CSS的响应式图标字体 - Cikonss

<style>p{text-indent:2em;}</style> <p>使用图标字体的最大好处就是,不用再使用图标了。在今天这篇文章中,我们介绍一个更酷的图标字体 Cikonss ,和一般的图标字体不一样的地方在于,它使用CSS来创建图标项目,而不是字体。包含了40多个不同的图标类型,并且支持响应式的布局,并且兼容浏览器,因为不使用CSS3。</p>

站长新闻 · 2013-06-15
前端技术:CSS3自定义动画的时间获得与元素绘制

前端技术:CSS3自定义动画的时间获得与元素绘制

这是一篇讲述CSS3技术的文章,举例简述了如何将gif图动画效果,用CSS3技术表示出来,例中的原gif图高达378KB,而用css3来模拟,则html+css文件只需20.2KB。

站长新闻 · 2013-06-03
jQuery循环控制元素对象的行为

jQuery循环控制元素对象的行为

本文介绍利用javascript来实现对于元素的抵制,如动画,隐藏/显示等。站长可以借鉴本文的教程去实践一下相关代码的效果。

站长新闻 · 2013-04-02
教你三个CSS 技巧

教你三个CSS 技巧

随着各种浏览器之间的竞争白热化,也就意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。本文介绍三个CSS的使用技巧,供站长参考使用。

站长新闻 · 2013-03-05
教你建一个样式新颖的CSS3搜索框

教你建一个样式新颖的CSS3搜索框

本文主要介绍通过CSS样式来制作一个搜索框的教程,站长可以通过文中的代码来演示一下,有需要可以应用到自己的网站上,提升网站的用户人体验。

站长新闻 · 2013-02-26

电子书

共 53 篇

CSS元素堆叠

CSS元素堆叠

在CSS中,可以为每个元素指定一个数字(z-index),用于控制它们在页面上的层叠顺序。简单来说,具有较大z-index值的元素将叠加在具有较小z-index值的元素之上。 一、层次堆叠案例 例如,我们正在玩扑克牌,拿到了一手同花大顺。为了更好地展示这手牌,我们...

CSS教程 · 2024-02-20
CSS元素定位

CSS元素定位

CSS定位允许用户将一个元素准确地放置在页面上所指定的位置,这种技术可以帮助用户精细调整页面布局,确保元素在页面中呈现得恰到好处。本教程旨在介绍CSS定位的原理、相对定位及绝对定位,希望能够帮大家进一步了解CSS。 一、CSS定位原理 我们可以把浏览器...

CSS教程 · 2024-02-20
CSS变换属性

CSS变换属性

CSS变换属性允许旋转,缩放,倾斜或平移给定元素。这是通过修改 视觉格式化模型的坐标空间来实现的。主要的变换属性包括transform、perspective、scale、backface-visibility等。 一、transform属性 CSS的transform属性是一个复合属性,用于在一个声明中设...

CSS教程 · 2023-11-29
CSS内容属性

CSS内容属性

CSS内容属性用于定义元素的内容,包括文本、图像、链接等。常见的CSS内容属性例如content、counter-increment、counter-reset、quotes等。本篇教程将详细为大家介绍。 一、content属性 CSS的content属性主要与:before和:after伪元素一起使用,用于在元素之...

CSS教程 · 2023-11-29
CSS书写模式

CSS书写模式

CSS(层叠样式表)是一种用于描述网页外观和布局的标记语言。在CSS中,书写模式主要由writing-mode、direction和text-orientation三个属性来决定。具体来说,direction属性决定了文本的渲染方向,包括位置和书写方向。 一、direction属性 在CSS中,directio...

CSS教程 · 2023-11-29
CSS尺寸属性

CSS尺寸属性

CSS尺寸属性是用来控制元素的大小和尺寸的属性。常用的CSS尺寸属性包括width、min-width、max-width、height、min-height、max-height、margin等,本篇教程将为大家详细介绍这些属性,并给出相应实例。 一、CSS尺寸属性 CSS 常用的尺寸属性 属性 版...

CSS教程 · 2023-11-29
CSS组合选择符

CSS组合选择符

一、简介 CSS组合选择符,也被称为复合选择器,是在 CSS3 中定义的一类规则,用于通过结合不同的选择器来更加精确地定位和设置样式。其主要的组合方式包括后代选择器、子元素选择器、相邻兄弟选择器和普通兄弟选择器。 二、CSS组合方式 CSS组合选择符包括...

CSS教程 · 2023-10-24
CSS hack

CSS hack

很多用户在编写CSS的时候,经常会遇到各个浏览器下的兼容性问题,即 CSS hack。不同的浏览器对 CSS 的解析结果是不同的,因此会导致相同的 CSS 输出的页面效果不同,这就需要 CSS hack来解决浏览器局部的兼容性问题。 一、CSS hack概念 CSS hack是一种编程...

CSS教程 · 2023-10-24
CSS居中

CSS居中

在使用 CSS 进行布局时,经常需要实现元素的居中。CSS 提供了多种方法来实现对象的垂直居中,但选择哪种方法可能因情况而异。比如常用的 margin:0 auto;的样式能让元素水平居中,而margin: auto;却不能做到垂直居中…… 下面就给大家介绍几种不同的 CSS 居中方...

CSS教程 · 2023-10-24
CSS图像拼合

CSS图像拼合

一、简介 CSS图像拼合技术,通常被解释为“CSS图像拼合”或“CSS贴图定位”,是一种将多个图片融合到一张图里面,然后通过CSS background背景定位技术技巧布局网页背景的方法。这种方法主要用于网页中的小图标,并因此得名“精灵图”。 使用CSS图像拼合技术的好...

CSS教程 · 2023-10-24
CSS透明度

CSS透明度

在CSS 中,opacity 属性用于指定元素的不透明度或透明度,它的值范围在 0.0(完全透明)到 1.0(完全不透明)之间,它不仅影响元素及其子元素的颜色和图像,还会影响元素的内容,包括文字,可以用来创建各种视觉效果,如淡入淡出、半透明背景等。 一、透明图...

CSS教程 · 2023-10-17
CSS用户界面

CSS用户界面

在CSS3中,新增了一些重要的用户界面特性,这些特性主要用于调整元素尺寸、框尺寸以及外边框,包括resize、Box Sizing、outline-offset等属性,通过使用这些新属性和值,开发者能够更精确地控制和定制网页元素的布局和外观。 一、用户界面属性 1、resize:...

CSS教程 · 2023-10-17