css基础
关注
分享
扫一扫
文章平均质量分 81
学无止境
知其黑、受其白
每个优秀的人,都有一段沉默的时光,那段时光,是付出了很多努力,却得不到结果的日子,我们把它叫做扎根。
你可以从别人那里汲取某些思想,但必须用你自己的方式加以思考！
展开
-
css 居中
css 居中原创 2022-11-01 11:23:11 · 200 阅读 · 0 评论 -
CSS 基础知识 选择器
CSS 基础知识 选择器原创 2022-10-19 11:55:52 · 1588 阅读 · 0 评论 -
CSS 基础知识 属性
CSS 基础知识 属性原创 2022-10-19 11:16:02 · 1477 阅读 · 0 评论 -
CSS 垂直居中、多列布局
CSS 垂直居中、多列布局原创 2022-10-17 17:56:14 · 833 阅读 · 0 评论 -
SVG 与 Canvas
SVG 与 Canvas原创 2022-10-17 14:42:28 · 610 阅读 · 0 评论 -
HTML 基础
HTML 基础原创 2022-10-17 12:00:31 · 549 阅读 · 0 评论 -
Element-UI 布局容器
Element-UI 布局容器原创 2022-10-12 16:39:27 · 1809 阅读 · 0 评论 -
CSS实现3D菜单效果
CSS实现3D菜单效果原创 2022-10-12 15:35:16 · 200 阅读 · 0 评论 -
css 自动打字效果的实现
css 自动打字效果的实现原创 2022-10-12 15:14:55 · 418 阅读 · 0 评论 -
css 灰黑模式切换效果实现
css 灰黑模式切换效果实现原创 2022-10-12 15:03:51 · 216 阅读 · 0 评论 -
css 模糊加载动画的实现
css 模糊加载动画的实现原创 2022-10-12 12:16:09 · 260 阅读 · 0 评论 -
css 网站页面内容占位加载动画效果的实现
css 网站页面内容占位加载动画效果的实现原创 2022-10-12 12:06:09 · 463 阅读 · 0 评论 -
CSS 网页布局基础
CSS 网页布局基础原创 2022-09-29 16:03:29 · 1873 阅读 · 0 评论 -
HTML5+CSS3 实现的响应式垂直时间轴
HTML5+CSS3 实现的响应式垂直时间轴原创 2022-09-07 14:54:00 · 327 阅读 · 0 评论 -
纯CSS3制作漂亮的价格表
纯CSS3制作漂亮的价格表原创 2022-09-07 14:36:19 · 333 阅读 · 0 评论 -
纯CSS和HTML打造树结构
纯CSS和HTML打造树结构原创 2022-09-07 11:50:57 · 1244 阅读 · 0 评论 -
CSS3实现的线条波浪动画效果
CSS3实现的线条波浪动画效果原创 2022-09-06 16:16:06 · 2262 阅读 · 0 评论 -
CSS实现的大型导航下拉菜单
CSS实现的大型导航下拉菜单原创 2022-09-06 14:55:02 · 1235 阅读 · 0 评论 -
html 表格的使用
html 表格的使用...原创 2022-07-12 18:38:51 · 1100 阅读 · 0 评论 -
css 弹性布局
css 弹性布局...原创 2022-07-12 18:18:15 · 383 阅读 · 0 评论 -
css 实现导航菜单
css 实现导航菜单...原创 2022-07-04 19:03:17 · 2390 阅读 · 0 评论 -
CSS实现评级和计数器效果
阅读目录CSS实现评级和计数器效果HTML代码CSS代码源码CSS实现评级和计数器效果HTML代码<div class="rating-stars"> <input type="radio" name="rating" id="rs0" checked><label for="rs0"></label> <input type="radio" name="rating" id="rs1"><label for="rs1原创 2022-04-28 11:17:54 · 301 阅读 · 0 评论 -
css基础 CSS 媒体类型、CSS 属性 选择器、CSS 表单、CSS 计数器
阅读目录CSS 媒体类型媒体类型@media 规则其他媒体类型CSS 属性 选择器属性选择器属性和值选择器属性和值的选择器 – 多值表单样式CSS 表单输入框(input) 样式输入框填充输入框(input) 边框输入框(input) 颜色输入框(input) 聚焦输入框(input) 图标带动画的搜索框文本框（textarea）样式下拉菜单（select）样式按钮样式响应式表单CSS 计数器使用计数器自动编号嵌套计数器CSS 计数器属性CSS 媒体类型媒体类型允许你指定文件将如何在不同媒体呈现。该文原创 2022-04-28 11:07:39 · 629 阅读 · 0 评论 -
css基础 CSS 图片廊、CSS 图像透明/不透明、CSS 图像拼合技术
阅读目录CSS 图片廊公共的HTML布局CSS 创建图片廊响应式图片廊CSS 图像透明/不透明创建一个透明图像图像的透明度 – 悬停效果透明的盒子中的文字CSS 图像拼合技术图像拼合图像拼合 – 简单实例实例解析：图像拼合 – 创建一个导航列表实例解析：图像拼合s – 悬停效果实例解析：CSS 图片廊公共的HTML布局首先是我们用到的公共的HTML布局，下面的例子都将用到：<!DOCTYPE html><html><head> <meta ch原创 2022-04-27 17:23:08 · 630 阅读 · 0 评论 -
css基础 CSS 提示工具(Tooltip)
阅读目录CSS 提示工具(Tooltip)基础提示框(Tooltip)实例解析定位提示工具添加箭头实例解析淡入效果CSS 提示工具(Tooltip)本文我们为大家介绍如何使用 HTML 与 CSS 来创建提示工具。基础提示框(Tooltip)提示框在鼠标移动到指定元素上显示：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>下拉菜单</title原创 2022-04-27 12:06:21 · 1756 阅读 · 0 评论 -
css基础 CSS 导航栏、CSS 下拉菜单
阅读目录导航栏导航栏=链接列表垂直导航栏垂直导航条实例激活/当前导航条实例创建链接并添加边框全屏高度的固定导航条水平导航栏内联列表项浮动列表项水平导航条实例链接右对齐添加分割线固定导航条源码示例 1CSS 下拉菜单基本下拉菜单实例解析下拉菜单导航栏熟练使用导航栏，对于任何网站都非常重要。使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。导航栏=链接列表作为标准的HTML基础一个导航栏是必须的。在我们的例子中我们将建立一个标准的HTML列表导航栏。导航条基本上是一个链接列表，所以使用原创 2022-04-27 11:35:53 · 4581 阅读 · 1 评论 -
css基础 CSS 组合选择符、CSS 伪类、CSS 伪元素
阅读目录CSS 组合选择符后代选择器子元素选择器相邻兄弟选择器后续兄弟选择器CSS 伪类 (Pseudo-classes)伪类和CSS类CSS :first-child 伪类匹配第一个 ` ` 元素匹配所有 `` 元素中的第一个 ` ` 元素匹配所有作为第一个子元素的 ` ` 元素中的所有 ` ` 元素CSS – :lang 伪类所有CSS伪类/元素CSS3 :checked 选择器匹配每个选中的输入元素CSS3 :disabled 选择器匹配每个禁用的的元素CSS3 :empty 选择器择每个没原创 2022-04-26 17:58:49 · 929 阅读 · 0 评论 -
css基础 CSS 布局 – Overflow、Float 浮动、CSS 布局 – 水平 垂直居中对齐
阅读目录CSS 布局 – Overflowoverflow: visibleoverflow: hiddenoverflow: scrolloverflow: autoverflow-x 和 overflow-y所有 CSS Overflow 属性CSS Float 浮动float 属性元素怎样浮动彼此相邻的浮动元素清除浮动 – 使用 clear什么是浮动布局浮动布局优点浮动布局缺点清除浮动的方式CSS 布局 – 水平 垂直居中对齐文本居中对齐图片居中对齐左右对齐 – 使用定位方式左右对齐 – 使用 flo原创 2022-04-26 15:41:10 · 2469 阅读 · 0 评论 -
CSS display 属性
阅读目录CSS display 全部属性table-cell 布局1 高度不固定内容水平垂直居中2 元素两端垂直对齐3 等高布局4 均分列表布局5 两栏自适应布局display:table 的用法1 div 模拟表格：2 实现浮动效果3 类似留言用例4 微博评论display 属性规定元素应该生成的框的类型。CSS display 全部属性 值 描述 none原创 2022-04-26 15:27:07 · 578 阅读 · 0 评论 -
css基础 盒子模型、border边框、margin、padding、CSS分组和嵌套选择器、Display(显示) 与 Visibility（可见性）、Position 定位
阅读目录CSS 盒子模型元素的宽度和高度浏览器的兼容性问题CSS border 边框CSS 边框属性边框样式边框宽度边框颜色边框 - 单独设置各边透明边框边框-简写属性CSS 边框属性margin(外边距)Margin – 单边外边距属性Margin – 简写属性CSS padding（填充）padding（填充）填充- 单边内边距属性填充 – 简写属性CSS 分组 和 嵌套 选择器分组选择器嵌套选择器CSS Display(显示) 与 Visibility（可见性）隐藏元素 – display:none原创 2022-04-26 10:35:53 · 612 阅读 · 0 评论 -
css基础 背景、Text文本格式、Font字体、链接、列表、Table表格
阅读目录CSS 背景背景颜色背景图像背景图像 – 水平或垂直平铺背景图像- 设置定位与不平铺背景- 简写属性CSS background 属性background-position 属性设置背景图像的起始位置background-size 属性指定背景图片大小background-Origin 属性指定 background-position 属性相对位置background-clip 属性指定背景绘制区域background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动CSS Te原创 2022-04-24 18:45:08 · 416 阅读 · 0 评论 -
css基础 语法和选择器
阅读目录CSS实例查看css是如何工作的CSS 语法CSS 选择器CSS 元素选择器CSS id 选择器CSS 类选择器CSS 通用选择器CSS 分组选择器CSS实例查看css是如何工作的什么是 CSS？CSS 指的是层叠样式表(Cascading Style Sheets)，也称级联样式表。CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素。CSS 节省了大量工作。它可以同时控制多张网页的布局。外部样式表存储在 CSS 文件中。<!DOCTYPE html><原创 2022-04-22 17:52:38 · 756 阅读 · 0 评论 -
红心点赞效果的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> span{color:#999;} p{color:#D00;} .heart{ animation: test 1s linear 1; .原创 2022-04-11 18:58:26 · 397 阅读 · 0 评论 -
网页的基础布局
网页的基础布局...原创 2022-03-31 12:56:42 · 476 阅读 · 0 评论 -
CSS按钮点击效果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>wgchen</title> <link rel="shortcut icon" href="#" /> <meta name="keywords" content="https://wgchen.blog.csdn.net"> <meta na.原创 2022-03-03 10:25:13 · 4521 阅读 · 0 评论 -
CSS打字效果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>wgchen</title> <link rel="shortcut icon" href="#" /> <meta name="keywords" content="https://wgchen.blog.csdn.net"> <meta na.原创 2022-02-23 10:45:53 · 707 阅读 · 0 评论 -
css基础 样式声明
阅读目录基础知识样式声明外部样式嵌入样式内联样式导入样式其他细节空白注释错误初始样式多重样式多重样式将层叠为一个层叠次序多重样式优先级深入理解多重样式优先级顺序!important 规则例外权重计算CSS 优先级法则基础知识因为CSS 主要是对页面元素的美化，大部分HTML元素都有系统提供的样式，但有以下问题：不同浏览器显示样式不一致样式过于简单，显示效果不美观很难按照设计稿完全呈现显示效果样式声明可以通过多种方式定义样式表。外部样式使用 link 标签引入外部样式文件，需要注意以下几原创 2022-01-29 18:55:47 · 1007 阅读 · 0 评论