前端csscss3工程化

CSS3

目录二，CSS32D转换3，缩放-scale图片放大案例：案例：分页按钮：2D转换综合写法：三，CSS3动画1，页面一打开，一个盒子从左边走到右边：2，/*动画序列*/：3，动画常用属性：编辑4，热点图案例
Mon trésor.88·2024-02-08 22:22

animate.css动画库的使用

简介：animate.css是一个使用CSS3的animation制作的动画效果的CSS集合，里面预设了很多种常用的动画，且使用非常简单。
盼旺·2024-02-08 19:11

web期末作业设计网页：学校网站设计——个人介绍1(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 网页设计作业 web网页设计与开发 html实训大作业

这篇文章主要讲解HTML5＋CSS3制作网站，请一起学习吧。作品目录一、
深巷积木青春·2024-02-08 18:23

web期末作业设计网页：动漫网站设计——大鱼海棠(12页) HTML+CSS+JavaScript 学生DW网页设计作业成品 动漫网页设计作业 web网页设计与开发 html实训大作业

这篇文章主要讲解HTML5＋CSS3制作网站，请一起学习吧。作品目录一、
深巷积木青春·2024-02-08 18:53

web期末作业设计网页：学校网站设计——我的学校(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 网页设计作业 web网页设计与开发 html实训大作业

这篇文章主要讲解HTML5＋CSS3制作网站，请一起学习吧。作品目录一、
深巷积木青春·2024-02-08 18:53

web期末作业设计网页：学校网站设计——Ditto(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 网页设计作业 web网页设计与开发 html实训大作业

这篇文章主要讲解HTML5＋CSS3制作网站，请一起学习吧。作品目录一、
深巷积木青春·2024-02-08 18:53

web期末作业设计网页：动漫网站设计——蜡笔小新(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 动漫网页设计作业 web网页设计与开发 html实训大作业

这篇文章主要讲解HTML5＋CSS3制作网站，请一起学习吧。作品目录一、
深巷积木青春·2024-02-08 18:23

web期末作业设计网页：动漫网站设计——千与千寻(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 动漫网页设计作业 web网页设计与开发 html实训大作业

这篇文章主要讲解HTML5＋CSS3制作网站，请一起学习吧。作品目录一、
深巷积木青春·2024-02-08 18:23

web期末作业设计网页：动漫网站设计——海绵宝宝(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 动漫网页设计作业 web网页设计与开发 html实训大作业

这篇文章主要讲解HTML5＋CSS3制作海绵宝宝网站，请一起学习吧。作品
深巷积木青春·2024-02-08 18:22

哆啦A梦主题网站(HTML5+CSS3+Javascript)

HTML5CSS3Jav
cycyong·2024-02-08 18:20

web期末作业设计网页：动漫网站设计——哆啦A梦(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 动漫网页设计作业 web网页设计与开发 html实训大作业

这篇文章主要讲解HTML5＋CSS3制作网站，请一起学习吧。作品目录一、
深巷积木青春·2024-02-08 18:16

CSS3

文章目录01CSS的简单介绍1.1什么是css1.2发展史1.3快速入门1.4css的三种导入方式02选择器2.1基本选择器2.2层次选择器2.3结构伪类选择器2.4属性选择器03美化网页元素3.1为什么要美化？3.2字体样式3.3文本样式3.4阴影3.5超链接伪类3.6列表3.7背景3.8渐变04盒子模型4.1什么是盒子模型4.2边框4.3内外边距4.4圆角边框4.5阴影05浮动5.1标准文档流
GrandNovice·2024-02-08 16:58

前端css3实现轮播图

以下是css3最简单的轮播图实现Document*{padding:0%;margin:0%}.element{width:400px;height:300px;overflow:hidden;}.photo
wish't·2024-02-08 16:06

CSS transition(过渡效果)详解

CSS过渡效果（Transition）是一种在CSS3中引入的动画效果，它允许开发者在元素状态变化时（如鼠标悬停、类更改等）平滑地改变CSS属性值，从而创建出平滑的动画效果。
Y T·2024-02-08 15:21

VUE3基础

一、认识vue3及vue3的优势1、框架层面响应式底层API的变化，proxy数组下标的修改，对象动态添加属性；vue3对ts的支持比vue2更强；vue3增加了组合式API，增强了逻辑组合能力配套的工程化工具也有了更新
煸橙干儿~~·2024-02-08 10:11

HTML5+CSS3+移动web——HTML 基础

目录一、标签语法HTML的基本框架1.标题标签2.段落标签3.换行和水平线4.文本格式化标签5.图像标签6.路径相对路径绝对路径7.超链接标签8.音频9.视频10.注释二、标签结构一、标签语法HTML超文本标记语言——HyperTextMarkupLanguage。HTML的基本框架html：整个网页head：网页头部，用来存放给浏览器看的信息，例如CSStitle：网页标题body：网页主体，用
星空椰·2024-02-08 09:10

蓝桥杯Web应用开发-CSS3 新特性【练习三：文本阴影】

文本阴影text-shadow属性给文本内容添加阴影的效果。文本阴影的语法格式如下：text-shadow:x-offsety-offsetblurcolor;•x-offset是沿x轴方向的偏移距离，允许负值，必须参数。•y-offset是沿y轴方向的偏移距离，允许负值，必须参数。•blur是阴影的模糊程度，可选参数。•color是阴影的颜色，可选参数。我们来举个例子吧！新建一个index4.h
AAA_建筑材料批发叶总·2024-02-08 07:01

蓝桥杯Web应用开发-CSS3 新特性【练习二：获得焦点验证】

页面上有一个姓名输入框和一个密码输入框，当聚焦输入框时，输入框的背景颜色会发生改变，新建一个index3.html文件，在其中写入以下内容。Documentinput:focus{background-color:rgb(255,153,0);}姓名：密码：
AAA_建筑材料批发叶总·2024-02-08 07:53

蓝桥杯Web应用开发-CSS3 新特性【练习一：属性有效性验证】

练习一：属性有效性验证页面上有一个邮箱输入框，当你的输入满足邮箱格式时，输入框的背景颜色为绿色；当你的输入不满足要求，背景颜色为红色。新建一个index2.html文件，在其中写入以下内容。Document/*格式错误*/input:invalid{background-color:red;}/*格式正确*/input:valid{background-color:green;}电子邮箱：
AAA_建筑材料批发叶总·2024-02-08 07:23

bootstrap与jQuery的优点与区别

一、bootstrapBootstrap是基于HTML5和CSS3开发的，它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。
传而习乎·2024-02-08 03:19

HTML与CSS之CSS的基本使用

CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。
一纸油伞·2024-02-08 00:13

css3实现光线滑过文字效果，IE不支持，试试flash做动画吧

写在前面一日，甲方要实现一个光线滑过文字的动画效果，听到动画效果，马上就想到了html5/css3,而后用如下代码实现光线不断滑过文字效果，无非就是keyframes,animation.效果很棒.logobuildingh2
linda的小天地·2024-02-07 19:11

蓝桥杯Web应用开发-CSS3 新特性

CSS3新特性专栏持续更新中在前面我们已经学习了元素选择器、id选择器和类选择器，我们可以通过标签名、id名、类名给指定元素设置样式。
AAA_建筑材料批发叶总·2024-02-07 17:23

css3实现三角形（上下左右）

第一步：新建一个div。第二步：为盒子添加样式。1.向上div{width:0;height:0;border-right:50pxsolidtransparent;border-left:50pxsolidtransparent;border-bottom:50pxsolidred;}2.向下div{width:0;height:0;border-right:50pxsolidtranspare
SY·2024-02-07 12:12

前端工程化之：webpack3-3(BEM)

一、BEMBEM是一套针对css类样式的命名方法。其他命名方法还有：OOCSS、AMCSS、SMACSS等等。一个完整的BEM类名：block__element_modifier，例如：banner__dot_selected，可以表示：轮播图中，处于选中状态的小圆点。三个部分的具体含义为：Block：页面中的大区域，表示最顶级的划分，例如：轮播图(banner)、布局(layout)、文章(ar
小李老笨了·2024-02-07 10:58

前端工程化之：webpack3-4(css in js)

一、cssinjscssinjs的核心思想是：用一个JS对象来描述样式，而不是css样式表。例如下面的对象就是一个用于描述样式的对象：conststyles={backgroundColor:"#f40",color:"#fff",width:"400px",height:"500px",margin:"0auto"}由于这种描述样式的方式根本就不存在类名，自然不会有类名冲突。至于如何把样式应用到
小李老笨了·2024-02-07 10:58

前端工程化与webpack基础-----webpack插件，打包

文章目录前端工程化与webpack基础前端工程化实际的前端开发何为前端工程化前端工程化解决方案webpack基础用法webpack是什么安装webpack配置webpackmode的可选值webpack.config.js
追求～·2024-02-07 10:58

前端工程化（二）--- webpack

一、概念webpack是目前十分流行的前端项目构建工具（打包工具），提供了友好的模块化支持，以及代码压缩混淆、处理js兼容性问题、性能优化等强大功能，大大提高了开发效率。目前大多企业的前端项目都是基于webpack进行打包构建的。webpack是基于node.js开发的打包工具，所以在它的配置文件中，支持使用node.js相关的语法和模块。现在的项目开发几乎不会让我们手动配置webpack，都会使
努力的小朱同学·2024-02-07 10:58

前端工程化之：webpack3-2(利用webpack拆分css)

一、利用webpack拆分css要拆分css，就必须把css当成像js那样的模块；要把css当成模块，就必须有一个构建工具（webpack），它具备合并代码的能力。而webpack本身只能读取css文件的内容、将其当作JS代码进行分析，因此，会导致错误。于是，就必须有一个loader，能够将css代码转换为js代码。1.css-loadercss-loader的作用，就是将css代码转换为js代码
小李老笨了·2024-02-07 10:28

webpack----前端工程化与webpack的基本使用

文章目录1前端工程化2webpack的基本使用2.1什么是webpack2.2通过项目体验webpack2.2.1创建列表隔行变色项目2.2.2在项目中安装webpack2.2.3在项目中配置webpack2.3webpack.config.js
萤火虫的小尾巴·2024-02-07 10:27

前端工程化之：webpack3-5(css module)

目录一、cssmodule1.思路2.实现原理3.如何应用样式4.其他操作（1）全局类名（2）如何控制最终的类名5.其他注意事项一、cssmodule通过命名规范来限制类名太过死板，而cssinjs虽然足够灵活，但是书写不便。cssmodule开辟一种全新的思路来解决类名冲突的问题。1.思路cssmodule遵循以下思路解决类名冲突问题：css的类名冲突往往发生在大型项目中；大型项目往往会使用构建
小李老笨了·2024-02-07 10:57

【项目实战】sass使用基础篇（上）

CSS预处理语言是一种新的专门的编程语言，编译后形成正常的css文件，为css增加一些编程特性，无需考虑浏览器的兼容性（完全兼容css3），让css更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸多好处
monkeysoft·2024-02-07 09:30

CSS强大的功能--太极图的实现

对于CSS的认识如果你还只停留在网页的一些元素的美化，版面样式的调整那你就是大错特错了,现在的CSS3所具备的特性真的是让人惊艳。
虚拟社群·2024-02-07 09:38

绘制太极图（CSS）

今天给大家带来的是CSS3动画制作一个旋转的太极图案。预览图貌似有些卡顿是录制软件的锅。。。思路先在页面中绘制出一个大的白色圆形，再将其分为两个一黑一白的半圆。
万物之恋·2024-02-07 09:08

【融职培训】Web前端学习 第2章 网页重构11 HTML5新增标签

我们平时所说的html5其实是包含了html5，css3的新特性，以及新增的JavaScript接口。本节的主要内容是讲解html5中新增加的布局标签和媒体标签。
lmonkey_01·2024-02-07 09:28

第9章 CSS3中的变形与动画（下）

在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。
_双眸·2024-02-07 06:04

【图像文本化】Base64编解码OpenCV4中 Mat 对象

学习《OpenCV应用开发：入门、进阶与工程化实践》一书做真正的OpenCV开发者，从入门到入职，一步到位！前言很多时候在开发中，需要保存图像为文本形式，以便于存储与传输。
gloomyfish·2024-02-07 05:18

【见微知著】OpenCV中C++11 lambda方式急速像素遍历

学习《OpenCV应用开发：入门、进阶与工程化实践》一书做真正的OpenCV开发者，从入门到入职，一步到位！
gloomyfish·2024-02-07 05:17

2020最新版PHP学习路线--PHP是最好的编程语言吗？

此阶段的重点知识：掌握HTML5常用标签；掌握CSS语法及使用技巧；掌握CSS3新增选择器；掌握CSS3新增样式属性；掌握DIV+CSS布局方式；掌握常见网页布局技巧；熟练使用JavaScript脚本为页面实现动态效果
PHP9年架构师·2024-02-07 05:43

给想学前端的小白整理了一下学习路线

第一阶段：前端入门1.Html52.Css3第二阶段：JavaScript①JavaScript基础语法②JavaScript高级（WebAPI/DomBom）③JavaScript框架（jQuery）
前端你鹏哥·2024-02-07 02:34

itext中通过freemark生成的pdf时,居中样式text-align: center没有效果

itext不支持css3的语法，结果css2的部分语法也可能不支持，比如text-align:center，一直没有效果，后来想到用table的方式原始的代码：css的container中添加text-align
小池先生·2024-02-06 18:36

使用hardhat 部署 solidity智能合约到测试网

但是随着编写的合约越来越多，仅仅通过remix来部署就会有些吃力了，各种的参数传递，合约之间的部署的先后关系，以及合约文件的管理，都需要能够工程化的处理这些流程。
jamesdodo·2024-02-06 12:56

嵌入式软件设计方式与方法

软件工程化才能保证软件质量和项目进度，而设计模式使代码开发真正工程化，设计模式是软件工程的基石。
ST小智·2024-02-06 11:13

python系列8：python的web工程化问题

1.回调函数简单来说就是把函数作为参数，声明的时候只是形式上执行了函数，只有在“回调”的时候才回去实际执行函数内容。来看一个简单的例子：importtimedefcallback():print("这是一个callback函数")deftest_callback(call):print("进入函数")time.sleep(1)#开始回调call()print("调用完成")test_callbac
IE06·2024-02-06 11:16

Web前端105天-day09-CSS

day09目录前言一、复习二、CSS3高级选择器1.属性选择器2.结构性伪类选择器3.目标伪类选择器三、弹性布局1.弹性布局的概念2.flflex容器的指定3.容器属性之主轴方向4.容器属性之项目在容器中的换行
smile陌辰·2024-02-06 10:30

Web前端105天-day10-CSS

day10目录前言一、复习二、flex弹性布局1.项目属性值放大属性2.项目属性之缩小比例3.高频面试题4.项目的主轴尺寸设定5.简写方式三、CSS3动态效果1.过渡2.变换属性2.1特点2.2位移函数
smile陌辰·2024-02-06 10:59

html day2 --CSS基础

---级联样式表、层叠样式表目前推荐遵循的是W3C发布的CSS3.0css3在包含了所有css2.0所支持的基础上改变了改进，css遵循的是模
QiuShuiFuPing·2024-02-06 10:57

CSS3 pointer-events（阻止hover、active、onclick等触发事件）

阻止用户的点击动作产生任何效果阻止缺省鼠标指针的显示阻止CSS里的hover和active状态的变化触发事件阻止JavaScript点击动作触发的事件通过其他方式绑定的事件还是会触发的，比如键盘事件等2、pointer-events`是CSS3
Cherry丶小丸子·2024-02-06 08:00

有趣的CSS - 鼠标悬浮线条动态变化

鼠标悬浮线条动态变化整体效果核心代码html代码：css部分代码：完整代码如下html页面：css样式：页面渲染效果：整体效果这个链接悬浮效果主要用css3的animation属性配合:hover伪选择器来实现的
设计师工作日常·2024-02-06 08:14

有趣的CSS - css loading动画

Loading动画整体效果核心代码html代码：css部分代码：完整代码如下html页面：css样式：页面渲染效果：整体效果这个Loading效果主要用css3的animation属性配合border属性来实现的
设计师工作日常·2024-02-06 08:13
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他