CSS 的起源 web 的衰落： 在 web 早期（1990-1993）html 是一个很局限的语言。几乎完全由用于描述段落，超链接，列表和标题的结构化元素组成。随着万维网的出现（用户交互体验的加强）对 html 的要求越来越大，人们迫切需要 html 增加新的元素，去完成一个特定的功能 迫于压力，
原创
2021-03-06 11:54:00
258阅读
css的概念cascading style sheet,中文译为层叠样式表，他是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。以HTML语言为基础，提供了丰富的格式化功能，如字体，颜色，背景和整体排版等，
原创
2022-02-18 11:21:52
44阅读
css的概念cascading style sheet,中文译为层叠样式表，他是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。以HTML语言为基础，提供了丰富的格式化功能，如字体，颜色，背景和整体排版等，并且网页设计者可以针对各种可视化浏览器设置不同的样式风格。相比CSS为基础的页面设计方法，传统HTML的缺陷主要体现为以下几点维护困难。为了修改某个特殊标记（例如...
原创
2021-07-05 13:49:50
139阅读
为什么使用 Tailwind.csshtml 与 css 融为一体 强大的原子class 生产环境按需按需构建 完整的响应式布局 支持hover以及focus状态 在前端框架实现充分复用 使用@apply融入业务css 支持深色模式 通过配置易于扩展、调整和改变 支持 CSS grid 以及更多的现代选择器，例如 :focus-visible VSCode 集成代码片段提示 付费或者免费的组件库代码片段 组合 figma 使用中文站Tailwind CSS - 无需离开您的
原创
2021-12-31 14:22:59
313阅读
为什么使用 Tailwind.csshtml 与 css 融为一体 强大的原子class 生产环境按需按需构建 完整的响应式布局 支持hover以及focus状态 在前端框架实现充分复用 使用@apply融入业务css 支持深色模式 通过配置易于扩展、调整和改变 支持 CSS grid 以及更多的现代选择器，例如 :focus-visible VSCode 集成代码片段提示 付费或者免费的组件库代码片段 组合 figma 使用中文站Tailwind CSS - 无需离开您的
原创
2022-01-07 11:30:21
231阅读
CSS3在样式上提供了非常丰富的选择，目前由于浏览器的问题，部分新的样式需要加载前缀才可以让不同的浏览器识别
Firefox：-moz-
Chrome：-webkit-
Opera：-o- 这个这个太萌了
Safari：-webkit-
IE：-ms-
Border
先说下新的边框样式，新的边框样式提供了可定制的圆角，阴影和图片边框的控制。先看一个
原创
2012-03-13 20:59:00
468阅读
点赞
html
原创
2023-02-10 09:32:16
66阅读
体验CSS语法规范 有点意思
原创
2022-06-11 01:33:02
110阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>体验CSS语法</ ...
转载
2021-07-29 15:04:00
53阅读
2评论
# 优化iOS滚动体验的CSS
在移动端开发中，iOS设备上的滚动体验一直备受关注。由于iOS系统的滚动效果与其他系统有所不同，因此需要特殊的优化措施来提升用户体验。本文将介绍如何使用CSS来优化iOS设备上的滚动效果，使页面在iOS设备上更加流畅。
## 1. 使用 `-webkit-overflow-scrolling` 属性
`-webkit-overflow-scrolling` 是
原创
2024-03-08 04:17:46
245阅读
css学习一周后，写了个基础博客样式。 样式是出来了，但是在写的过程中感觉css写的杂乱无章，可能是写的太少了吧，条例不是很清除，只是在写的过程 中一个点一个点的套，感觉样式出来即可，没有做到由全局出发考虑再到局部，再到细节的考虑。 总共耗时4个小时，写的时候 html 部分头脑很清晰，可以做到心中
原创
2021-06-04 16:44:01
192阅读
官方解释：css-doodle组件将根据其内部的规则(纯CSS)生成一个div网格。您可以
原创
2022-09-14 16:50:02
579阅读
<style> div.alldirection{ width:150px; height:150
原创
2022-06-13 12:05:05
177阅读
CSS特性可以轻松创建一个可滚动的容器?CSS scroll snap可以做到这一点。在早期的前端开发中，我依靠 JS 插件来创建滑块组件。有时，我们需要一种简单的方法来快速将元素制作成可滚动的容器。现在，多亏了CSSS scroll snap，我们可以简单做到这一点。为什么要使用 CSS Scroll Snap随着移动设备和平板设备的兴起，我们需要设计和构建可以轻触的组件。以图库组件为例。用户可以轻松地向左或向右滑动以查看更多图像，而不是分层结构。根据CSS规范，为开发...
原创
2021-08-12 10:36:46
193阅读
css本身，可以说是一门非常简单而容易入门的语言。制作一个页面，或者制作一个小企业站，对于css的要求都是非常低的。只要熟悉语法，通过英文单词的含义猜，都基本可以拼出一套样式。更何况市面上还有各种各样的辅助软件。
如果是一个比较大的网站，对css架构的要求就会相对高一些。比如，有一些可以公用的部分，可以提取出做模块。这个就是所谓的模块化。
模块化有什么优点呢？
在不去google各种
转载
2014-12-02 13:01:00
48阅读
2评论
在现代网页设计中，表单不仅是数据收集的基本工具，更是用户体验的重要组成部分。一个设计精美、直观易用的表单能够显著提升用户的交互体验和满意度。通过结合 HTML 和 CSS，我们可以创造出既实用又美观的表单界面。本文将介绍如何使用 CSS 美化表单，从布局、颜色、字体到交互效果，全方位提升表单的吸引力。1. 基础布局：清晰的结构是关键表单的布局应简洁明了，便于用户快速找到并填写所需信息。使用 CSS
css的功能
没有css的html
有了css后的网页效果
只有html的网页
只有内容主体
当html加上了css后
对主体内容有了一个修饰
更好看了
关于css
小试一下 让文字变红
更改按钮样式
修改提交的宽高
按钮的背景颜色
颜色的另一种表示方式，非英文的
颜色工具
在线拾色器
https://www.w3cschool.cn/tools/index?name=c
原创
2021-08-13 22:50:36
429阅读
CSS 动画和过渡可以为网页增添动态效果，提升用户体验。本文将带你深入了解 CSS 动画和过渡的原理、使用方法以及优化技巧，帮助你打造流畅、自然的动画效果。一、CSS 过渡 (Transition)1. 什么是 CSS 过渡？CSS 过渡可以在元素从一种样式逐渐改变为另一种样式时添加动画效果。2. 如何使用 CSS 过渡？transition-property: 指定要过渡的 CSS 属性，例如
前端开发工程师、技术日更博主、已过CET6 阿珊和她的猫_博客专家、23年度
CSS特性可以轻松创建一个可滚动的容器?CSS scroll snap可以做到这一点。在早期的前端开发中，我依靠 JS 插件来创建滑块组件。有时，我们需要一种简单的方法来快速将元素制作成可滚动的容器。现在，多亏了CSSS scroll snap，我们可以简单做到这一点。为什么要使用 CSS Scroll Snap随着移动设备和平板设备的兴起
原创
2021-08-12 10:36:46
171阅读
