当前位置:首页 > css

借助 CSS Colorguard 来避免使用重复的颜色

2023年05月14日 19:31:37前端技术
借助 CSS Colorguard 来避免使用重复的颜色
每一个 CSS 项目开始时愿望都是很美好的,但不可避免地,多人协作的项目相互之间可能重复使用了相似的颜色,而你从来不知道它们的存在。CSS Colorguard 帮助您保持您想要的颜色设置,当你添加的颜色和那些已经存在的颜色相似的时候提示你。   每一个 CSS 项目开始时愿望都是很美好的,但不可避...

CSS实现导航条Tab切换的三种方法

2023年05月13日 15:30:24前端技术
CSS实现导航条Tab切换的三种方法
[1]布局 [2]hover [3]锚点 [4]label 前面的话   导航条Tab在页面中非常常见,本文说详细介绍CSS实现导航条Tab的三种方法 布局   根据上图所示,先规定几个定义,上图的模块整体叫做导航,由导航标题和导航内容组成。要实现上图所示的布局效果,有两种布局方法:语义布局和视觉布...

CSS中的路径裁剪样式clip-path

2023年05月10日 18:15:02前端技术
CSS中的路径裁剪样式clip-path
[1]概述 [2]简单图形裁剪 [3]多边形裁剪 [4]特殊图形裁剪 [5]变形 [6]扩展 前面的话   CSS借鉴了SVG裁剪的概念,设置了clip-path样式,本文将详细介绍路径裁剪clip-path 概述   clip-path属性可以防止部分元素通过定义的剪切区域来显示,仅通过显示的特殊...

纯CSS table 表格奇偶行不同颜色实现

2023年04月29日 08:13:14前端技术
CSS代码 .table-striped tbody tr:nth-child(odd) td { background-color: Red; } 页面代码 1 2 3 4 双色...

css 炫酷鎏金字体,颜色渐变

2023年04月28日 14:41:56前端技术
css 炫酷鎏金字体,颜色渐变
.top˃div p{ overflow: hidden; //超出部分隐藏 font-size: 1.2rem; //大小 font-style: oblique; //倾斜 text-align: left; line-height: 3rem...

HTML&CSS常用标签详细汇总

2023年04月24日 21:00:37前端技术
HTML&CSS常用标签详细汇总
软件架构 C/S: Client/server 客户端/服务器端 在用户本地会有一个客户端的程序,在远程有一个服务器端程序。 例如,QQ,当你在QQ用户端程序输入用户名密码时,服务器端会判断你给出的数据是否存在。 优点:用户体验较好。用户将需要的数据提前下载到本地,客户端程序运行会更顺畅。 缺点:开...

我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色,如何使用火狐浏览器的Firebug插件查看网页的字体

2023年04月23日 15:40:11前端技术
我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色,如何使用火狐浏览器的Firebug插件查看网页的字体
一、CSS如何设置字体的类型、大小、颜色 设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置。 1, 新建一个网页a.html,把下面的代码复制进去。 ˂st...

CSS单位分析及CSS颜色表示法、颜色表(调色板)

2023年04月23日 08:32:41前端技术
CSS单位主要分析em、rem、fr这三个较难理解的单位吧,平常的px、%、cm那些就不谈了嘛。 px在不同场景之下为同样的值,我们把它称作绝对单位,而em和rem受外部因素的影响下而改变,因此称作相对单位。 我们需要了解到为什么要拓展em,rem这样的相对单位呢? 比如我就特爱用px,感觉所有的东...

20 个经典的 Ajax + CSS 表格

2023年04月17日 19:15:39前端技术
20 个经典的 Ajax + CSS 表格
并不是所有的Web 开发者都会对美化表格数据感兴趣,今天我们收集了20 个功能强大,外观漂亮的基于Ajax + CSS 的表格效果,你可以从这些示例中学习怎么使用这些表格提供的排序和过滤的功能来组织表格中的数据。 现在让我们来看看这些表格:(点击每个样式前面的链接即可进入下载)   #1. Tabl...

css样式优先级

2023年04月17日 15:54:45前端技术
CSS样式的优先级 一、就近原则。标签离修饰内容越近,优先级越高。 二、选择器:ID选择器˃类选择器˃元素选择器(标签内#id ˃#id ; 标签内.class ˃ .class) 三、样式表:行内样式˃内部样式˃外部样式 四、标有"!important"的规则有最高优先级。 如(H1{color:...