CSS3)

css3提供的网页布局

css3提供的网页布局弹性盒子模型（flexbox）：设置成弹性盒子默认横着排放（div也是）当子盒子给的宽度过大，总的子盒子宽度超过父级盒子，会自动适配，计算整个盒子父级的大小，均匀分配。
m0_58679504·2023-07-15 01:04

css3的新特性

动画效果过渡transition鼠标放上去瞬间变大过渡是变大的过程慢慢变化第一个参数：对哪些值进行过渡。all为hover中所有，也可以指定属性第二个参数：让动画过渡多长时间。要添加单位（s秒）第三个参数：运动轨迹。linear表示线性，即匀速过渡第四个参数：延时时间。鼠标放上去多久之后开始过渡变幻transform变幻都是依赖于过渡，不然动画都是瞬间完成平移动画：以左上角的点进行平移，x越大越向
m0_58679504·2023-07-15 01:34

css_css3新增属性

目录一、私有前缀二、新增长度单位三、新增颜色设置方式四、新增选择器五、新增盒子属性六、新增背景属性七、新增边框属性八、新增文本属性九、新增渐变十、字体十一、2d变换十二、3d变换十三、过渡十四、动画十五、多列布局十六、媒体查询十七、常用阈值十八、BFC一、私有前缀w3c提出的某个css属性，在被浏览器正式支持前，浏览器厂商会根据浏览器内核，使用私有前缀来测试该属性，浏览器正式支持改属性后，就不需要
十万·火急·2023-07-15 01:26

圆圈头像制作css,通过CSS3实现圆形头像显示

作为新手，马上要毕业找工作了，最近又在重新学习web的一些知识，刚刚学到CSS3，跟大家分享一些比较有趣的知识。今天分享的是利用CSS实现圆形头像，其实主要用的属性就是border-radius。
莲池书院·2023-07-15 00:22

css直角线_CSS魔法堂：重拾Border之——不仅仅是圆角

前言当CSS3推出border-radius属性时我们是那么欣喜若狂啊，一想到终于不用再添加额外元素来模拟圆角了，但发现border-radius还分水平半径和垂直半径，然后又发现border-top-left
凌子卿·2023-07-15 00:22

20150809 CSS圆角进化论

三个阶段：背景图CSS2.0+标签模拟圆角CSS3.0圆角属性①背景图宽度固定，高度自适应切图，切两边上下或者左右4个标签，div包裹（圆角上+内容+圆角下）宽度高度均自适应切图，切4个角5个标签div
Hey_Sarah·2023-07-15 00:52

CSS3的新特性

2.1CSS3的现状●新增的CSS3特性有兼容性问题,ie9+才支持●移动端支持优于PC端●不断改进中●应用相对广泛●现阶段主要学习:新增选择器和盒子模型以及其他特性CSS3给我们新增了选择器,可以更加便捷
ybi8bo007·2023-07-15 00:48

CSS圆角进化论

CSS圆角发展过程大致经历了3个阶段，包括：背景图片实现圆角CSS2.0+标签模拟圆角CSS3.0圆角属性（border-radius属性)实现圆角☛背景图片实现圆角：==使用背景图片实现圆角的方式很多
lmrylll·2023-07-15 00:13

商家中心之java商城 开源java电子商务Spring Cloud+Spring Boot+mybatis+MQ+VR全景+b2b2c

APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp、Bootstrap/H5/CSS3
m0_67544708·2023-07-14 23:42

实用CSS3模拟实现一个雷达扫描动画特效

exportdefault{name:'test'}.leidatu{background:-webkit-radial-gradient(center,rgba(32,255,77,0.3)0%,rgba(32,255,77,0)75%),-webkit-repeating-radial-gradient(rgba(32,255,77,0)5.8%,rgba(32,255,77,0)18%,#2
这也备用·2023-07-14 21:57

基于Hadoop的Hdfs云盘系统

、关于项目二、项目1.项目演示2.代码总结一、关于项目环境：centos7Tomcat8.0IDEALMySQLhadoop本云盘系统是基于Hadoophdfs的集群分布式系统技术:前端:html5+css3
偶尔失联·2023-07-14 19:15

招财童子失而复得的故事

和往常一样，一边喝早茶，一边上网和女粉丝侃大山，在手机和平板电脑上整理修改《hｔｍｌ５》、《javascript》、《css3》、《c语言》、《C++》、《Dos》等多年前写的教程，并研究各种品牌的小程序
巨汉子·2023-07-14 17:47

canvas的重温练习-------阴影,渐变

strokeStyle,shadowBlur,shadowColor,,shadowOffsetX,shadowOffsetY.这六个属性看名字就知道是是什么意思.其中后边四个关于shadow的就是指阴影,在css3
洋洋袁·2023-07-14 12:13

CSS3 动画 animation 入门学习笔记 之 属性详解

文章目录简单介绍CSS动画CSS动画的作用CSS动画语法介绍CSS动画属性animation-nameanimation-durationanimation-delayanimation-directionanimation-iteration-countanimation-play-stateanimation-timing-functionanimation-fill-modeanimatio
西涯三锋·2023-07-14 11:58

盒子模型的初识及css标签使用

CSS盒子模型1.常用样式2.盒子模型*3.定位（绝对定位相对定位）*4.CSS3常见效果盒子模型介绍常用样式基础样式样式名描述text-align设置内容位置(指定块级元素中的内联元素(如文字和图片)
Downhill Wind·2023-07-14 05:10

SpringCloud alibaba微服务b2b2c电子商务平台

系统服务、中间件服务）2.核心架构SpringCloud、SpringBoot2、Mybatis、OAuth2、Security3.前端框架VUE、Uniapp、Layui、Bootstrap、H5、CSS3
微服务 spring cloud·2023-07-14 01:49

css多字体文件的引入和使用

新建一个font.css文件font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中@font-face{/*重命名字体*/font-family:'YSBTH';/*引入字体
九亿少女无法触及的梦ى·2023-07-13 23:21

基于CSS3、原生JS、Vue3.0技术各自实现序列帧动画效果

还记得序列帧技术在2018年的时候很火的，那时做H5很吃香的...那么在此记录一下用纯CSS3、原生JS、Vue3.0，这3种方式来设计几个例子。
帅龍之龍·2023-07-13 22:24

html怎么从左到右排列,css3 从左到右自动换行和多行排列方式

如果一行放不下就会自动换行flex-wrap:wrap;.box{display:flex;justify-content:space-between;//左右布局width:300px;height:300px;background:pink;flex-wrap:wrap;}.child1,.child2{background:red;width:100px;height:100px;}反方向换
网易蜗牛读书·2023-07-13 22:14

web前端知识总结

CSS3
axgrfetia063590468·2023-07-13 21:06

123.HTML5+CSS3完结_使用Netlify收取表单

我们启动一下修改下表单●接着在我们的网站输入并提交表单●之后会有一个提示，提示我们提交成功然后就能在Netlify接受到用户的表单●当然这个表单只能接受100个，但是作为实验也够用了到此，我们的HTML5+CSS3
网络点点滴·2023-07-13 19:00

css完整总结：第一篇（定位和布局）

我会集中对上述所说的方面进行详细的书写和说明，结合实例，让大家更好更快的掌握css3.0.那下面我们闲话少啥，拿起键
JamHsiao_aaa4·2023-07-13 16:57

2018-07-07

只是简单的用了一些CSS3的动画，星期一上班去估计是要稍微做出来的。嗯，就是这样。
下雪天的夏风·2023-07-13 16:06

Web网页制作-知识点（4）——CSS盒子模型、弹性盒模型（flex box)、文档流、浮动、清除浮动、定位、圆角、阴影

align-items属性子元素上的属性flex文档流（标准流）浮动定义浮动的原理清除浮动浮动的副作用父元素设置高度overflow清除浮动伪对象方式定位定义相对定位绝对定位固定定位黏性定位Z-indexCSS3
qiyi.sky·2023-06-24 09:36

Flex使用详解

现在css3中提供了flex属性，也就是弹性盒子布局，这样就很好地处理上面的问题，具体代码如下：利用flex固缩固布
西瓜鱼仔·2023-06-24 06:21

CSS3-定位

网页常见布局方式1标准流1块级元素独占一行→垂直布局2行内元素/行内块元素一行显示多个→水平布局2浮动可以让原本垂直布局的块级元素变成水平布局3定位1可以让元素自由的摆放在网页的任意位置2一般用于盒子之间的层叠情况定位的常见应用场景1可以解决盒子与盒子之间的层叠问题2可以让盒子始终固定在屏幕中的某个位置使用定位的步骤1设置定位方式属性名：position常见属性值：1静态定位static2相对定位
Q _Q·2023-06-24 06:43

CSS3-案例-表单元素无法贴顶对齐

代码：Document.father{width:400px;height:400px;background-color:pink;}input{/*vat*/vertical-align:top;}效果图：
Q _Q·2023-06-24 00:51

CSS3-案例-常用光标类型

代码：Documenta:hover{cursor:pointer;/*cursor:text;*//*cursor:move;*/}百度一下，你就知道效果图：自己体验查看
Q _Q·2023-06-24 00:51

CSS3-案例-行内块元素之间垂直居中

代码：Document/*图片与其他的行内元素或者行内块元素有垂直对齐方式的问题，应该要优先给图片设置va*/img{/*vam*/vertical-align:middle;}/*input{vertical-align:middle;}*/效果图：
Q _Q·2023-06-24 00:51

CSS3-装饰

装饰1垂直对齐方式2光标类型（了解）3边框圆角4overflow溢出部分显示效果5元素本身隐藏6拓展（了解）基线：浏览器文字类型元素排版中存在用于对齐的基线（baseline）1垂直对齐方式属性名：vertical-align属性取值：属性值效果baseline默认，基线对齐top顶部对齐middle中部对齐bottom底部对齐场景：用于设置行内和行内块垂直对齐（拓展）项目中vertical-al
Q _Q·2023-06-24 00:21

SpringBoot+Vue项目宠物猫店管理系统的设计与实现

文末获取源码开发语言：Java使用框架：springboot前端技术：JavaScript、Vue、css3开发工具：IDEA/MyEclipse/Eclipse、VisualStudioCode数据库
qq_834251331·2023-06-23 23:35

【CSS3系列】第七章 · 过渡和动画

写在前面Hello大家好，我是【麟-小白】，一位软件工程专业的学生，喜好计算机知识。希望大家能够一起学习进步呀！本人是一名在读大学生，专业水平有限，如发现错误或不足之处，请多多指正！谢谢大家！！！如果小哥哥小姐姐们对我的文章感兴趣，请不要吝啬你们的小手，多多点赞加关注呀！❤❤❤爱你们！！！目录写在前面1.过渡1.1过渡简介1.2transition-property1.3transition-du
麟-小白·2023-06-23 22:43

JQuery、AJAX与Javascript之间的父子关系

JQuery是轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari
xudepeng0813·2023-06-23 19:53

JavaScript-bootstrap-JQuery-圆形进度条-设置进度条值

文章目录1.bootstrap进度条2.JQuery设置进度条进度值3.总结1.bootstrap进度条Bootstrap进度条使用CSS3过渡和动画来获得该效果。
插件开发·2023-06-23 18:44

CSS3-文本样式2

第1关：文本外观样式相关的概念1、下列选项中，用于设置文本行高的属性是（）B.line-height2、下列选项中，可以设置文本上划线的属性是（）D.text-decoration3、下列选项中，可使文本字母全部改为大写的属性设置是（）B.text-transform:uppercase第2关：CSS-文本空间的设置任务描述本关任务：设置美食专栏网页的文字外观的样式。相关知识为了完成本关任务，你需
小何爱学习！·2023-06-23 16:18

CSS------12.HTML5与CSS3-补充知识点

目录HTML5CSS3-补充知识点1.背景1.背景缩放background-size2、设置背景定位的原点background-origin(原点，起点)3、background-clip设置背景区域clip
结果才重要·2023-06-23 16:46

CSS3-第四部分-浮动

1，浮动浮动的出现是为解决图片站住了文字的效果，想要实现一种文字坏绕图片而产生的技术。后来随着页面的提升，人们发现，使用浮动技术，可以用来帮助页面布局，所以浮动又有了一些新的作用，比如可以使用浮动，让无序列表从纵向排列变成横向排列等等。2，文档流我们的页面布局实在不做任何样式定位，浮动，修改的情况下，他会进行一个正常文档流的效果展示，正常文档流是根据我们html页面标签顺序，自上而下，从左到右的格
人性背后-白云苍狗·2023-06-23 16:15

CSS3学习笔记-02-CSS3结构伪类选择器

CSS3学习笔记-02-CSS3结构伪类选择器提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录CSS3学习笔记-02-CSS3结构伪类选择器前言E:first-childE:last-childE
手撕键盘·2023-06-23 16:15

CSS3-补充-伪元素

伪元素作用：在网页中创建非主体内容，开发中常用CSS创建标签，比如装饰性的不重要的小图区别：1元素：HTML设置的标签2伪元素：由CSS模拟出的标签效果种类：::before在父元素内容的最前添加一个伪元素::after在父元素内容的最后添加一个伪元素注意：1必须设置content属性才能生效2伪元素默认是行内元素3权重为14单标签没有伪元素代码：Document.father{width:200
Q _Q·2023-06-23 16:45

后端开发通用

对于前端工程师把精力放在html5，css3，vuejs，
Azure、星宇·2023-06-23 12:08

CSS3-盒子模型-边距问题

1清除默认内外边距场景：浏览器会默认给部分标签设置默认的margin和padding，但一般在项目开始前需要先清除这些标签默认的margin和padding，后续自己设置比如：body标签默认有margin：8px、p标签默认有上下的margin、ul标签默认由上下的margin和padding-left……解决方法：*{margin:0;padding:0;/*盒子自动内减*/box-sizin
Q _Q·2023-06-23 08:08

html图片上绘制网格线,使用CSS3绘制网格线 | Tencent AlloyTeam

今天想着要不尝试着用CSS3画一个，找了些资料，看了下CSS3的所有属性，竟然也被我找到画网格的方法了，喔～哇哈哈哈～～这些属性就是——linear-gradient、background-size，大家鼓掌欢迎他们
PTE猩际·2023-06-23 08:57

PHP网格显示图片,使用CSS3绘制网格线

Css1234.grid{background:-webkit-linear-gradient(top,transparent39px,blue40px);}它的效果是酱紫滴：前面39px的都是透明的，那只要让40px之后的也是透明的或者看不到不就成了一条线了么。这时background-size就上场咯。何谓background-size？w3cschool如是说：Thebackground-s
独识·2023-06-23 08:57

html图片网格线,使用 CSS3 绘制网格线

今天想着要不尝试着用CSS3画一个，找了些资料，看了下CSS3的所有属性，竟然也被我找到画网格的方法了，喔～哇哈哈哈～～这些属性就是——linear-gradient、background-size，大家鼓掌欢迎他们
Nicolaus Cusanus·2023-06-23 08:57

CSS3中用linear-gradient绘制网格背景

body{background-position:50%0,50%0;background-size:30px30px,30px30px;background-color:#f2f2f5;background-image:linear-gradient(#fbfbfc,#fbfbfc1px,transparent1px,transparent10px,#f6f6f810px,#f6f6f811px
Han_minxing·2023-06-23 08:56

CSS3-浮动

（了解）标准流：又称文档流，是浏览器在渲染显示网页内容时默认采用的一套排版规则，规定了应该以何种方式排列元素常见标准流排版规则：1.块级元素：从上往下，垂直布局，独占一行2.行内元素或行内块元素：从左往右，水平布局，空间不够自动折行浮动作用：图文环绕（早期），网页布局（现在）属性名：float取值：1left左浮动2right右浮动特点：1浮动元素会脱离标准流（简称：脱标），在标准流中不占位置，相
Q _Q·2023-06-23 00:12

css3 grid 布局

特别声明：这篇博客转载于阮一峰老师，转载是为了方便日后复习，实在写的太棒了。目录一、概述二、基本概念2.1容器和项目2.2行和列2.3单元格2.4网格线三、容器属性3.1display属性3.2grid-template-columns属性，grid-template-rows属性3.3grid-row-gap属性，grid-column-gap属性，grid-gap属性3.4grid-templ
悠悠~飘·2023-06-22 23:03

CSS3-浮动综合案例-网页导航栏

代码：Document*{margin:0;padding:0;box-sizing:border-box;}.nav{margin:0auto;width:640px;height:50px;background-color:#ffc0cb;}ul{list-style:none;}.navli{float:left;}.navlia{display:block;width:80px;heigh
Q _Q·2023-06-22 20:48

CSS3-浮动综合案例-小米产品

代码：Document*{margin:0;padding:0;}.box{margin:50pxauto;width:1226px;height:614px;/*background-color:pink;*/}.box.left{float:left;width:234px;height:614px;background-color:#800080;}.box.right{float:righ
Q _Q·2023-06-22 20:17

CSS3-浮动综合案例-小米顶部导航栏

代码：Document*{padding:0;margin:0;box-sizing:border-box;}.top{height:40px;background-color:#333333;text-align:center;}ul{list-style:none;}ulli{float:left;text-align:center;line-height:40px;}.leftul{marg
Q _Q·2023-06-22 20:17
上一页 62 63 64 65 66 67 68 69 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他