- CSS选择器以及权重的设置 一个页面的搭建离不开css样式，而想要使用css对页面元素进行控制就需要用到css选择器。 按照引入方式可以说有内部样式（样式写到标签中的style里）、外部样式（样式通过引入外部的css文件）、内联样式（样式写在html文件中的style标签里） 按照选择器分类的话，常见的选择器有id选择器、类选择器、标签选择器、通配符选择器、派生选择器 ``` <!DOCT CSS选择器以及权重的设置 一个页面的搭建离不开css样式，而想要使用css对页面元素进行控制就需要用到css选择器。 按照引入方式可以说有内部样式（样式写到标签中的style里）、外部样式（样式通过引入外部的css文件）、内联样式（样式写在html文件中的style标签里） 按照选择器分类的话，常见的选择器有id选择器、类选择器、标签选择器、通配符选择器、派生选择器 ``` <!DOCT
- HTML+CSS+JS实现 swiper倾斜图片特效 HTML+CSS+JS实现 swiper倾斜图片特效
- HTML+CSS+JS实现发光糖果泡泡动画特效 HTML+CSS+JS实现发光糖果泡泡动画特效
- HTML+CSS+JS实现酷炫情人节爱心动画特效 HTML+CSS+JS实现酷炫情人节爱心动画特效
- HTML+CSS+JS实现React简单的计算器实例 HTML+CSS+JS实现React简单的计算器实例
- 效果演示： 文末获取源码代码目录：主要代码实现：HTML代码 :<html lang="en"><head> <meta charset="utf-8"> <title>ECharts</title></head><body style="background:#1B1B1B"> <!--Step:1 Prepare a dom for ECharts whi... 效果演示： 文末获取源码代码目录：主要代码实现：HTML代码 :<html lang="en"><head> <meta charset="utf-8"> <title>ECharts</title></head><body style="background:#1B1B1B"> <!--Step:1 Prepare a dom for ECharts whi...
- 航海王_html_css3_旋转效果demo海贼王_html_css3_旋转效果demo效果如下图：下载地址与图片资源：【航海王_html_css3_旋转效果demo-网页制作文档类资源-CSDN下载】 部分编码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>通... 航海王_html_css3_旋转效果demo海贼王_html_css3_旋转效果demo效果如下图：下载地址与图片资源：【航海王_html_css3_旋转效果demo-网页制作文档类资源-CSDN下载】 部分编码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>通...
- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍关注公众号：半夏话前端,了解更多前端知识！ 前言相信经常看CSS文章的小伙伴，会经常见到关于单行文本的打字机效果。目前的主要实现逻辑是通过设置文本容器的宽度从0变成文本的总长度，使得文字可以逐渐出现。不过这里的文本总长度是比较难获取的。大部分方案的计算方式 px*总字数 或者 em*总字数通过设置文字... 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍关注公众号：半夏话前端,了解更多前端知识！ 前言相信经常看CSS文章的小伙伴，会经常见到关于单行文本的打字机效果。目前的主要实现逻辑是通过设置文本容器的宽度从0变成文本的总长度，使得文字可以逐渐出现。不过这里的文本总长度是比较难获取的。大部分方案的计算方式 px*总字数 或者 em*总字数通过设置文字...
- 1. CSS布局概述布局：确定内容的大小和位置的算法依据元素、容器、兄弟节点和内容等信息来计算布局相关技术3. 常规流Normal Flow· 根元素、浮动和绝对定位的元素会脱离常规流· 其它元素都在常规流之内（in-flow)· 常规流中的盒子，在某种排版上下文中参与布局行级排版上下文是水平摆放，一行摆不下就换行块级排版上下文是从上到下摆放 1.1 行级排版上下文Inline Forma... 1. CSS布局概述布局：确定内容的大小和位置的算法依据元素、容器、兄弟节点和内容等信息来计算布局相关技术3. 常规流Normal Flow· 根元素、浮动和绝对定位的元素会脱离常规流· 其它元素都在常规流之内（in-flow)· 常规流中的盒子，在某种排版上下文中参与布局行级排版上下文是水平摆放，一行摆不下就换行块级排版上下文是从上到下摆放 1.1 行级排版上下文Inline Forma...
- 🍅 作者主页：Java李杨勇 🍅 简介：Java领域优质创作者🏆、【java李杨勇】公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我，都给你】🍅 欢迎点赞 👍 收藏 ⭐留言 📝 网页实现截图：文末获取源码视频演示连接： HTML5+CSS+JS--期末大作业 创建响应式旅游网页网站设计【附完整源码】网站首页 关于我们途牛旅游网创立于2006年10月，以“让... 🍅 作者主页：Java李杨勇 🍅 简介：Java领域优质创作者🏆、【java李杨勇】公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我，都给你】🍅 欢迎点赞 👍 收藏 ⭐留言 📝 网页实现截图：文末获取源码视频演示连接： HTML5+CSS+JS--期末大作业 创建响应式旅游网页网站设计【附完整源码】网站首页 关于我们途牛旅游网创立于2006年10月，以“让...
- 我不喜欢胖子，但她胖就没事今天我们来制作雪碧图（就是将很多小图标放在一张图片中） 一.利用雪碧图有很多优点 :1.可以减小图片的总大小2.一次请求，可减小建立键连接的消耗在这里我们来做一个运动的小人就是将小人的多个动作放在一张图片上，然后利用css动画效果让其运动起来，就能呈现出小人再跑的效果，即也是雪碧图。 1.html代码<body><div class="box1"></div></b... 我不喜欢胖子，但她胖就没事今天我们来制作雪碧图（就是将很多小图标放在一张图片中） 一.利用雪碧图有很多优点 :1.可以减小图片的总大小2.一次请求，可减小建立键连接的消耗在这里我们来做一个运动的小人就是将小人的多个动作放在一张图片上，然后利用css动画效果让其运动起来，就能呈现出小人再跑的效果，即也是雪碧图。 1.html代码<body><div class="box1"></div></b...
- 这次我站在雾里连自己都看不清了，我不怪你，我只怪大雾四起，也不怪大雾四起，只怪你的爱意太浅，连大雾都要遮掩。 设置背景背景是css中使用率很高，且非常重要的属性。无论是单元的纯色还是加载的背景图片，都能给整个页面带来丰富的视觉效果主要讲解：1.设置背景颜色2.设置背景图像3.设置背景重复 一.设置背景颜色在css中，网页元素的背景颜色使用 background-color 属性来设置，属性值... 这次我站在雾里连自己都看不清了，我不怪你，我只怪大雾四起，也不怪大雾四起，只怪你的爱意太浅，连大雾都要遮掩。 设置背景背景是css中使用率很高，且非常重要的属性。无论是单元的纯色还是加载的背景图片，都能给整个页面带来丰富的视觉效果主要讲解：1.设置背景颜色2.设置背景图像3.设置背景重复 一.设置背景颜色在css中，网页元素的背景颜色使用 background-color 属性来设置，属性值...
- 一、背景(backgroundbackground 简写属性在一个声明中设置所有的背景属性。可以设置如下属性：background-color //背景颜色background-image //背景图片background-repeat //背景图片是否重复background-attachment //背景图片是否随内容滚动background-position //背景图... 一、背景(backgroundbackground 简写属性在一个声明中设置所有的背景属性。可以设置如下属性：background-color //背景颜色background-image //背景图片background-repeat //背景图片是否重复background-attachment //背景图片是否随内容滚动background-position //背景图...
- 什么是CSSCSS（Cascading Style Sheets）层叠样式表，又叫级联样式表，简称样式表 1.用于HTML文档中元素样式的定义 实现了将内容与表现分离 * 降低耦合度。解耦 * 让分工协作更容易 * 提高开发效率 提高代码的可重用性和可维护性2.文件后缀是.css CSS与HTML之间的关系1.HTML用于构建网页的结构2.CSS用于构建HTML元素... 什么是CSSCSS（Cascading Style Sheets）层叠样式表，又叫级联样式表，简称样式表 1.用于HTML文档中元素样式的定义 实现了将内容与表现分离 * 降低耦合度。解耦 * 让分工协作更容易 * 提高开发效率 提高代码的可重用性和可维护性2.文件后缀是.css CSS与HTML之间的关系1.HTML用于构建网页的结构2.CSS用于构建HTML元素...
- 临近秋招，不少小伙伴开始了求职之路，面试是十分重要的考验，其次也离不开面试题。网上的面试题零零散散，十分混乱，正好我抽时间帮助大家总结一下。难易程度肯定是从简到难，今天是第一篇的续集——基础篇中的CSS部分。面试题来源是我从网上花钱购买的真题，是有专人亲自面试总结出来的精题，也是高频问题。是一套完整的面试题库，如果有小伙伴需要可以下载。（面试题900题+公司实战面试题400问） CSS部... 临近秋招，不少小伙伴开始了求职之路，面试是十分重要的考验，其次也离不开面试题。网上的面试题零零散散，十分混乱，正好我抽时间帮助大家总结一下。难易程度肯定是从简到难，今天是第一篇的续集——基础篇中的CSS部分。面试题来源是我从网上花钱购买的真题，是有专人亲自面试总结出来的精题，也是高频问题。是一套完整的面试题库，如果有小伙伴需要可以下载。（面试题900题+公司实战面试题400问） CSS部...
上滑加载中
推荐直播
-
仓颉编程语言开源创新人才培养经验分享2025/08/06 周三 19:00-20:00
张引 -华为开发者布道师-高校教师
热情而富有活力的仓颉社区为学生的学习提供了一个充满机遇和挑战的平台。本次直播探讨如何运用社区的力量帮助同学们变身为开源开发者，从而完成从学生到工程师身份的转变。
回顾中 -
“全域洞察·智控未来” ——云资源监控实战2025/08/08 周五 15:00-16:00
星璇 华为云监控产品经理，霄图 华为云监控体验设计师，云枢 华为云可观测产品经理
本期直播深度解析全栈监控技术实践，揭秘华为云、头部企业如何通过智能监控实现业务零中断，分享高可用系统背后的“鹰眼系统”。即刻预约，解锁数字化转型的运维密码！
即将直播
热门标签