CSS3

2024-09-28html5 + css3
目录HTML认知初识-web标准vscode的简介和使用注释标题和段落换行和水平线标签文本格式化标签图片-基本使用图片-属性绝对路径相对路径-同级和下级音频标签视频标签超链接HTML基础列表-无序和有序列表-自定义表格-使用表格-表格标题和表头单元格表格-结构标签（了解）表格-合
2024-09-20css3几个常用动效
1.放大的圈 @keyframeszoom3{0%{opacity:0;transform:scale(0);}70%{opacity:1;}100%{opacity:0.7;transform:scale(1);}}.play{position:absolute;left:14.62rem;top:4.12rem;margin:1remauto;
2024-09-18HTML5+CSS3面试题：（第四天）
目录13.cookie、localStorage、sessionStorage区别14.简述window对象除document以外的一些常用子对象，并描述其作用？15.css中水平垂直居中的方法有哪些?16.css如何做兼容的?13.cookie、localStorage、sessionStorage区别1.先介绍下cookie、localStorage、sessionStora
2024-09-18Springboot基于HTML5+CSS3的信息化农村综合服务平台690g7
本系统（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。系统程序文件列表开题报告内容一、项目背景与意义随着信息技术的飞速发展，信息化已成为推动农村经济社会发展的重要力量。构建基于HTML5+CSS3的信息化农村综合服务平台，旨在利用现
2024-09-14HTML5+CSS3（HTML基础）
HTML基础 1.Web前端分三层: +HTML:超文本标记语言，从语义的角度描述页面的结构。相当于人的身体组织结构。 +CSS：层叠样式表。从审美角度美化页面的样式。相当于人的衣服和打扮。 +JS：从交互的角度描述页面的行为。相当于人的动作，让人有生命里。 2.html5
2024-09-14打造民国风格炫酷个人网页：用HTML和CSS3传递民国风韵
附源码！！！感谢支持小弟不断创作网站demo感兴趣的可以关注支持一下对了俺在结尾带上了自己用的背景大家可以尝试换一下效果更好哦~~~如何创建一个民国风格的炫酷网页在这篇博客中，我们将展示如何制作一个结合民国风格和现代设计元素的网页。这个网页不仅展现了古典魅力，
2024-09-09CSS3新特性
CSS3新特性本章目标了解CSS3新特性CSS3概述CSS3是什么CSS代表“CasadingStyleSheets”，就是样式表，是一种替代并为网站添加样式的标记性语言。现在所使用的CSS基本是在1998年推出的CSS2的基础上发展而来的。10年前在internet开始普及的时候，就能够使用样式表对网页进行
2024-09-02CSS3 2D 转换
CSS3的2D转换可以用来旋转、缩放、平移和倾斜元素，使网页布局更具动感和互动性。一transform:translate(x,y);transform:translate(x,y);是CSS3中用于平移元素的属性。它将元素在水平（x轴）和垂直（y轴）方向上移动一定的距离。x和y值可以是像素(px)、百分比(%)、
2024-08-28CSS3实现购物车动画效果
概述小程序商城或者web端网站时，我们可以只通过CSS的animation和transform，而不需要借助额外的第三方库轻松实现简单的动画效果，丰富页面的表达效果效果如下图所示，点击按钮就会有个商品进入左下角的购物车内购物车动画示例地址代码示例元素开始只需要写按钮和购
2024-08-26CSS3新特性
一、圆角1、border-radius属性（圆角）通过border-radius属性可以给任何元素设置“圆角”。如果你在border-radius属性中只指定一个值，那么将生成4个圆角。但是，如果你要在四个角上一一指定，可以使用以下规则：四个值: 第一个值为左上角，第二个值
2024-08-23CSS3页面布局-三栏-固定宽度布局
布局的基本概念多栏布局三种基本实现方案：固定宽度，流动，弹性。固定宽度布局：大小不会随用户调整浏览器窗口大小。一版960-1100,960常见，可以被3,4,5,6,8,10,12,16整除。流动布局：大小会随用户调整浏览器窗口大小而变化。可以更好适应大屏幕，也叫响应式。弹性布局：所有元素大小也
2024-08-19HTML5+CSS3学习笔记补充——移动端网页+Bootstrap框架
移动端网页和Bootstrap框架1.视口：用来约束HTML尺寸<metaname="viewport"content="width=device-width,initial-scale=1.0">2.二倍图：防止设计稿图片在高分辨率屏幕下模糊失真3.
2024-08-19CSS3第三天（盒子模型+浮动）
盒子模型1.内边距padding指定了高宽，再指定内边距，则会撑开盒子。盒子未指定高宽（继承算未指定），则不会撑开盒子。2.外边距margin用于控制盒子之间的距离。同padding的简写方式。margin-left左外边距righttopbottom块级盒子水平居中，需满足两个条件：①盒子必须指定了宽度②盒
2024-08-17什么是渐进增强和优雅降级?它们有什么不同？
优雅降级和渐进增强印象中是随着CSS3流出来的一个概念。由于低级浏览器不支持CSS3，但CSS3的效果又太优秀不忍放弃，所以在高级浏览中使用CSS3而低级浏览器保证最基本的功能。关键的区别是他们所侧重的内容，以及这种不同造成的工作流程的差异举个例子：a{display：block；
2024-08-16html5+CSS3 Canvas动画分享
1.赛朋博客赛车动画源码分享：<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>赛车</title> <style> *{ margin:0; padding:0; bo
2024-08-10CSS3 边框（包含border-radius、border-image与box-shadow）
CSS3边框样式border-radius作用：设置圆角值的个数及其效果简记：左上开始顺时针，值不够的对角来凑。值的个数效果1四个角一致2左上角和右下角一致，右上角和左下角一致3左上角、右上角和左下角一致、右下角4左上角、右上角、右下角、左下角圆角与椭圆角语法：border-radi
2024-08-07HTML5+CSS3笔记（Xmind格式）：第四天
Xmind鸟瞰图：简单文字总结：HTML5+CSS3知识总结：媒体查询： 1.媒体查询格式：@media设备类型and设备特性 2.screen：设置屏幕 3.max-width(最大宽度),min-width(最小宽度) 4.可以通过媒体查询引入不同的css样式移动端布局方式： 1.静态布局 2.
2024-08-07HTML5+CSS3笔记（Xmind格式）：第三天
Xmind鸟瞰图：简单文字总结：过渡transition:过渡属性过渡时间运动曲线何时开始 2D变形transform： 1.平移：translate(单位px) 2.缩放：scale(默认1，大于1放大，小于1缩小) 3.旋转：rotate(单位deg) 4.倾斜：skew(单位deg)3D变形transform： 1.rotateX
2024-08-07HTML5+CSS3笔记（Xmind格式）：第二天
Xmind鸟瞰图：简单文字总结：新增选择器： 1.选择相邻兄弟 2.属性选择器 3.结构性伪类选择器 4.整体结构类型 5.标签结构类型 6.指定子元素的序号 7.文本选择伪元素 8.表单中使用的状态伪类选择器 9.内容追加伪元素
2024-08-07CSS3第一天（基础选择器+复合选择器）
1.选择器基础选择器：标签选择器（某一类标签）、类选择器（一个或几个标签，最常用）、id选择器和通配符选择器标签名{属性1：属性值1;属性2：属性值2；...}类选择器（可以多个标签使用）.类名{属性1：属性值1；...}<ul><liclass="red">大雨</li></ul>类名长的，可以用短横线分割，最
2024-08-06CSS3新特性
目录：一、选择器的扩展1.属性选择器2.伪类选择器3.伪元素选择器二、盒子模型的增强1.box-sizing属性2.边框圆角（border-radius）3.盒阴影（box-shadow）三、过渡和动画效果1.过渡效果2.动画效果四、响应式布局1.媒体查询（mediaquery）2.弹性布局（Flexbox）一、选择器
2024-08-02HTML5+CSS3笔记（Xmind格式）：第一天
Xmind鸟瞰图：文字总结：1.新增语义化标签：-header：定义文档的页眉,用来表示页面的头部。-nav：定义导航链接的部分nav元素代表页面中的导航，其中的导航元素链接到其他页面或当前页面的其他部分。-main：主体信息-aside:侧边栏-article：article元素表示文档、页面或应用程
2024-07-22HTML5+CSS3学习笔记第二天
二、HTML第二天（列表、表格、表单）1.列表无序列表：每行前面多一个小点<ul><li>列表条目1</li><li>列表条目2</li><li>列表条目3</li></ul>有序列表：每行前面自动加1.2.3.的序号<ol><li>有序列表条目1</li><li>有序列表条
2024-07-22HTML5+CSS3学习笔记第一天
一、HTML初体验11.HTML定义：超文本标记语言超文本：链接标记：标签、带尖括号的文本2.标签语法双标签：成对出现，中间包裹内容单标签：只有开始标签eg:水平线hr、换行br<>放英文字母即标签名结束标签多一个/3.HTML基本骨架<html> <head> <title>网页标题</title> </head>
2024-07-19CSS3案例--制作服装软文推广
效果图：先使用通配符消除样式：字体倾斜效果使用font-style：italic;导入自定义字体样式：其中font-family属性值为自定义名src属性值存放字体样式所在位置补充知识点：1.后代选择器表示方法：父选择器与后代选择器用空格隔开，或者用>隔开2.并集选择器表示方法：选择器之间用"，"隔开3.