E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
css3正方体
Web前端105天-day09-CSS
day09目录前言一、复习二、
CSS3
高级选择器1.属性选择器2.结构性伪类选择器3.目标伪类选择器三、弹性布局1.弹性布局的概念2.flflex容器的指定3.容器属性之主轴方向4.容器属性之项目在容器中的换行
smile陌辰
·
2024-02-06 10:30
CSS
开发语言
前端
css
Web前端105天-day10-CSS
day10目录前言一、复习二、flex弹性布局1.项目属性值放大属性2.项目属性之缩小比例3.高频面试题4.项目的主轴尺寸设定5.简写方式三、
CSS3
动态效果1.过渡2.变换属性2.1特点2.2位移函数
smile陌辰
·
2024-02-06 10:59
CSS
css
前端
html
html day2 --CSS基础
---级联样式表、层叠样式表目前推荐遵循的是W3C发布的
CSS3
.0
css3
在包含了所有css2.0所支持的基础上改变了改进,css遵循的是模
QiuShuiFuPing
·
2024-02-06 10:57
css
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
前端
鼠标线条动效
ui
ux
css动画
有趣的CSS - css loading动画
Loading动画整体效果核心代码html代码:css部分代码:完整代码如下html页面:css样式:页面渲染效果:整体效果这个Loading效果主要用
css3
的animation属性配合border属性来实现的
设计师工作日常
·
2024-02-06 08:13
有趣的css
css
前端
loading
css动画
Web前端零基础入门-06.
CSS3
基础入门(Emment语法、复合选择器、显示模式、背景)
一、Emment语法Emment语法的前身是Zencoding,它使用缩写来提高html/css的编写速度,VSCode内部已经集成该语法。1、快速生成HTML结构语法生成标签直接输入标签名,按Tab键即可。比如div按Tab键就可以生成.如果想生成多个标签加上*后面接上数字就可以了。比如div*3就可以生成三个div标签如果有父子标签,可以用>生成。比如ul>li就可生成.如果有兄弟关系的标签,
jiangjunm
·
2024-02-06 08:35
web前端零基础入门
前端
css3
css
Web前端HTML5&
CSS3
初学者零基础入门——第四天
开始进入CSS的学习目录1.css简介2.css基本语法3.常用选择器4.复合选择器5.关系选择器6.属性选择器7.伪类选择器8.伪元素选择器9.餐厅练习知识一:css简介Documentp{color:green;font-size:50px;}-->少小离家老大回,乡音无改鬓毛衰今天天气真不错!落霞与孤鹜齐飞,秋水共长天一色少小离家老大回,乡音无改鬓毛衰style.css文件内容:p{colo
please tell me
·
2024-02-06 08:05
#
html
css
web
CSS3
弹性盒子(Flex Box)
是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。一.容器属性flex-direction属性指定了弹性子元素在父容器中的位置。flex-direction:row|row-reverse|column|column-reversejustify-content:弹性
小棋子js
·
2024-02-06 06:08
CSS3
百行之内轻松完成金属光泽3D按钮特效
今天李老师来给大家讲解一个3D金属光泽的按钮特效,金属按钮效果其实不难,在3D效果上表现也不错。其实这个效果代码量并不多,而且不需要用到JS就能完成了,百行之内就可以完成了,对于入手学习CSS动画可以说是比较简单的了。下面给大家详细拆分代码讲解一下首先在DOM中定义一个容器:这个部分是按钮显示的文本内容然后开始CSS,先让容器居中显示:先做个2D效果出来,为了便于调整按钮尺寸,使用了变量:再给点3
WEB开发李家靖
·
2024-02-05 22:54
em/px/rem/vh/vw的区别
文章目录一、介绍二、单位pxemremvh、vw三、总结一、介绍传统的项目开发中,我们只会用到px、%、em这几个单位,它可以适用于大部分的项目开发,且拥有比较良好的兼容性从
CSS3
开始,浏览器对计量单位的支持又提升到了另外一个境界
花言儿
·
2024-02-05 15:02
前端
css3
跟着pink老师前端入门教程-day18
3、
CSS3
3D转换生活中的环境是3D的,照片就是3D物体在2D平面呈现的例子特点:近大远小,物体后面遮挡不可见3.1三维坐标系三维坐标系其实就是指立体空间,立体空间是由3个轴共同组成的x轴:水平向右注意
axiu呀
·
2024-02-05 15:48
前端自学
前端
html5
css
学习
开发语言
跟着pink老师前端入门教程-day16
二十七、
CSS3
进阶1、
CSS3
2D转换转换(transform)是
CSS3
中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果转换(transform)可以简单理解为变形移动:translate
axiu呀
·
2024-02-05 15:47
前端自学
前端
html5
css
学习
css3
跟着pink老师前端入门教程-day17
2、
CSS3
动画动画(animation)是
CSS3
中就要有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果
axiu呀
·
2024-02-05 15:13
前端自学
前端
开发语言
html5
css3
学习
web前端html图片轮播,CSS实现轮播图效果(附代码)_WEB前端开发
CSS实现轮播图效果(附代码)理论基础
CSS3
animation属性和@keyframes规则主体思想1、准备相同大小的多个图片2、将要展示图片横排放在一个图片容器里面3
crazygun6
·
2024-02-05 14:17
web前端html图片轮播
HTML5和
CSS3
强化知识总结
HTML5的新特性HTML5的新增特性主要是针对于以前的不足,增一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是IE9+以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。HTML5新增的语义化标签:头部标签:导航标签:内容标签:定义文档某个区域:侧边栏标签:尾部标签HTML5新增媒体标签HTML5在不使用插件的情况下,也可以原生的支持音频格式文件的播放,
guai_guai_guai
·
2024-02-05 08:06
html5
css3
前端
web前端开发需要掌握哪些技术就可以拿到高薪?
如果你的html、css(包括现在的HTML5+
CSS3
)基础不会,或者不够扎实,都很难在有大的进步,或者你的JS很好,但布局基础不行,还是不能算合格的web前端。
web前端学习指南
·
2024-02-05 01:29
DOS语言学习笔主记——如何打开win10运行窗口
和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改《html5》、《javascript》、《
css3
》、《c语言》、《C++》、《Dos》等多年前写的教程,并研究各种品牌的小程序
巨汉子
·
2024-02-05 00:05
《30天学会绘画》见证奇迹的过程总是需要坚持的-零基础学画打卡第12天
第12课:用立方体构建物体图片发自App学习了球,
正方体
,圆柱体这些基本的画法,现在可以用立方体来构建物体了。中午路过小区中心广场时,看到广场上有几家晒萝卜条的。
记住花香的风
·
2024-02-04 22:29
Css Flex弹性布局中的换行与溢出处理
CssFlex弹性布局中的换行与溢出处理CSS弹性布局(Flex)是
CSS3
中的一种新的布局方式,它能够帮助我们更加灵活地布局元素。
浮生若梦777
·
2024-02-04 16:42
css
前端
HBuilderx制作网页(sony官网)
HTML5、
CSS3
等2.创建网页步骤:安装插件:工具-插件安装-插件市场基本结构注释ctrl+/(注释)声明文档类型-告诉浏览器基于html的哪个版本执行的ctrl+n创建文件html:5创建格式css
NLxxxxX
·
2024-02-04 11:40
html5
css3
css
css实现正方形div的3种方式
1.
CSS3
vw单位1vw=1%viewportwidth.vw{width:50%;height:50vw;background:#ccc;}hello,viewport2.padding-bottom
xueyueshuai
·
2024-02-04 10:25
CSS3
中新增的元素伪类选择器
元素伪类选择器p:first-of-type选择其父元素的首个P元素p:first-child选择其父元素的首个p元素(一定是p才行)p:last-of-type选择其父元素的最后的一个P元素p:last-child选择其父元素的最后子元素(一定是P才行)p:only-child选择其父元素的只有一个元素(而且这个元素只能是p元素,不能有其他元素)p:only-of-type选择其父元素的只有一个
旧忆ajm
·
2024-02-04 10:12
Html5个人笔记总结
HTMLXHTMLCss
Css3
JavaScriptJQueryHTML53,HTML5新特性?
孙玉凯
·
2024-02-04 07:57
HTML5
JavaScript
jQuery
CSS3
html5
html 实现页面加载进度,网页加载进度条实现方案
随着html5的普及,各种
css3
动画及js特效在网页中也是层出不穷,PC端加载数据的速度还是比较快的,但是对于移动端设备而言则相对要慢不少,如果图片或者脚本没有加载完,用户在操作中就可能发生各种问题,
小狐狸的帽子123
·
2024-02-04 06:08
html
实现页面加载进度
gulp和webpack究竟有什么区别?
它们运行在现代的高级浏览器里,使用HTML5、
CSS3
、ES6等更新的技术来开发丰富的功能,网页已经不仅仅是完成浏览的基本需求,并且Webapp通常是一个单页面应用(SPA),每一
NewChapter °
·
2024-02-04 00:06
CSS常用动画网站(纯css echarts等 建议经常阅读 积累素材)
CSS动画代码集合https://www.webhek.com/post/
css3
-animation-sniplet-collection/#/这个网站中将常见的css动画都进行了集合,并且有详细的代码
yggjdle
·
2024-02-03 23:47
css
echarts
前端
SASS 官方文档速通
二.语法格式.scss拓展名:在
CSS3
语法的基础上进行拓展。.sass拓展名:用“缩进”代替“花括号”,用“换行”代替“分号”。
yqcoder
·
2024-02-03 20:18
官网速通系列
sass
前端
css
24岁本科女生培训入门,学测试和前端哪个好?
那么你现在的出发点就应该换到,自己对哪个学科更感兴趣,更能学习下去,那就选择哪个学科就好了~如果实在是没办法做选择,可以选择两个课程的基础课程去学习一下,看看哪个更适合自己~最新前端开发入门教程,web前端零基础html5+
css3
我想去吃ya
·
2024-02-03 17:55
前端
数据分析
压力测试
职场和发展
程序人生
前端学习笔记 | HTML5+
CSS3
静态网页制作的技巧(持续更新)
注:本文的css样式均使用less写法1、字体居中(1)先text-align:center;行内元素水平居中(2)再line-heigh:(盒子高度);行内元素垂直居中text-align:center;line-height:(30/@vw);2、盒子居中情景1:版心居中margin:0auto;情景2:标题栏制作时让左右两个弹性盒子居中的方法(1)设置浮动(2)给父级添加行高line-hei
简·AI
·
2024-02-03 15:04
前端
学习
笔记
web 前端常用长度单位
3.rem是
CSS3
新增的一个相对单位,相对的只是HTML根元素,可以只修改根元素就可以成比例地调整所有字体大小,又可以避免字体大小逐层复合的
Leophen
·
2024-02-03 13:50
关于
CSS3
(最新的CSS标准)
CSS3
—边框1.
CSS3
圆角:border-radius语法:border-radius:xx;(可为px,可为百分比。
Taptaq
·
2024-02-03 12:08
前端
css3
前端
css3
笔记(一)
css3
css3
1、
css3
是css1css2的升级版,是对css的扩展2、
css3
主要新特性:3、
css3
不是属于浏览器或同一浏览器的不同版本都支持,所以需要兼容处理,通常的做法就是加厂商前缀4、
css3
yueo
·
2024-02-03 12:08
web前端
css
css3
html5与
css3
代码,HTML5与
CSS3
基础(三)(示例代码)
11用CSS进行布局11.1开始布局的注意事项1还是要强调的是内容与显示分离2布局方法:固定布局:整个页面和每一栏的内容都有基于像素的宽度。就是说宽度都是固定好了的,不会因为你改变设备就随着你的设备的宽去进行改变。响应式布局(流式页面):它使用的是百分数定义宽度,允许页面随着环境的改变来发生相应的改变。就是现在最流行的响应式布局:bootstrap框架3浏览器的注意事项:浏览器之间存在在一些差异性
tyler dai
·
2024-02-03 12:07
html5与css3代码
CSS3
常用分列与flex弹性布局
一、分栏(多列)1.column-count规定元素应该被分隔的列数。column-count:number|auto2.column-gap规定列之间的间隔column-gap:length|normal3.column-rule设置所有column-rule-*属性的简写属性。column-rule-style:设置线型属性值:none默认;hidden定义隐藏规则;dotted点;dashe
柠檬4.0
·
2024-02-03 12:06
css3
前端
《
CSS3
》田字网格背景(外实线内虚线)的实现
一、前言记录一些有趣的CSS实现方式,总所周知,当一段效果可以通过CSS实现的时候,绝不使用Javascript来实现,因此记录一些有意思的CSS效果,一来是方便自己学习,另一来是方便以后在需要使用到的时候能快速找到并使用上~耐心看完,你也许有所收获~二、实现效果大致效果如下,文章结尾有代码,想要的自取,如果想要看demo的可以看这个地址:gitee项目demo地址https://gitee.co
Oliver尹
·
2024-02-03 12:05
有趣的CSS系列
css3
前端
css
网格线
田字格
2024年 复习 HTML5+
CSS3
+移动web 笔记 之CSS遍 第5天
第五天整个网站例5.1准备工作项目目录与版心base.css5.2网页制作思路5.3header区域-整体布局5.4header区域-logo5.5header区域-导航index.html学成在线学成在线首页课程职业search用户base.css/*基础公共样式:清除默认样式+设置通用样式*/*{margin:0;padding:0;box-sizing:border-box;}li{list
PieroPc
·
2024-02-03 09:50
前端
css
html5
three.js
CSS3
DObject、CSS2DObject、
CSS3
DSprite、Sprite的作为标签的区别
CSS3
DObject、CSS2DObject、
CSS3
DSprite、Sprite的作为标签的区别是否面向相机场景缩放时,是否会跟随是否会被模型遮挡CSS2DObject是否否
CSS3
DObject否是否
汉武大帝·
·
2024-02-03 09:39
three.js
javascript
css3
开发语言
CSS transition的一些见解
CSSTransition是
CSS3
中新添加的特性,可以用来创建元素的过渡效果。当元素在大小、颜色、布局、透明度等数值改变时,可以使其产生过渡的动画效果。
黑夜照亮前行的路
·
2024-02-03 08:01
css
04.
CSS3
背景与边框相关样式
1.与背景相关的新增属性background-clip:border-box(背景范围:整个边框及内部),padding-box(背景范围:内容区及内边距),content-box(内容区);background-origin:控制背景图片的起始绘制位置border-box:从边框开始绘制padding-box:从内边距开始绘制content-box:从内容区开始绘制2.圆角边框border-ra
Ching_Lee
·
2024-02-03 08:45
媒体查询@media
@media可以针对不同的媒体类型(包括显示器、便携设备、电视机,等等)设置不同的样式规则,
CSS3
根据设置自适应显示。
小猫瘦瘦
·
2024-02-03 04:21
前端
媒体
前端
开发语言
html5
大一学生Web课程设计 美食主题网页制作(HTML+CSS+JavaScript)-咖啡 6页
网页设计期末课程大作业|精彩专栏推荐美食网页介绍|甜品蛋糕|地方美食小吃文化|餐饮文化|等网站的设计与制作|美食主题网站|HTML期末大学生网页设计作业HTML:结构CSS:样式在操作方面上运用了html5和
css3
二挡起步
·
2024-02-03 01:23
web前端期末大作业
前端
javascript
html
bootstrap
美食
【web前端实例代码】Html5+
css3
+JavaScript创建点击打开照片库网页图标效果~适合初学者练手~超简单 ~
b站视频演示效果:效果图:完整代码:照片库【前端实例代码】Html5+
css3
创建点击打开照片库网页图标效果~适合初学者练手~超简单~body{
南北极之间
·
2024-02-03 01:23
web前端特效源码
javascript
html
css3
网页设计编程入门代码
编程入门
css3
多重背景详解
文章转载自:前端开发博客(http://caibaojian.com/
css3
-multiple-background.html)CSS2.1中有5个background属性可以用来控制元素的背景。
稳稳DE幸福
·
2024-02-03 01:34
HTMLCSS学习笔记(十一)--
css3
渐变及2D
浏览器前缀-ms-:IE浏览器专属的CSS属性需添加-ms-前缀-ms-box-shadow:1px1px0#CCC;-moz-:所有基于Gecko引擎的浏览器(如Firefox)专属的CSS属性需添加-moz-前缀-moz-box-shadow:1px1px0#CCC;-o-:Opera浏览器专属的CSS属性需添加-o-前缀-o-box-shadow:1px1px0#CCC;-webkit-:所
千锋HTML5学院
·
2024-02-03 00:33
【CSS】动画(Transform,Transition,Animation)
CSS3
属性中关于制作动画的三个属性:Transform,Transition,Animation。
小秀_heo
·
2024-02-02 23:59
CSS
css
前端
HTML5+
CSS3
+JS小实例:黑色的简约下拉菜单
实例:黑色的简约下拉菜单技术栈:HTML+CSS+JS效果:源码:【html】黑色的简约下拉菜单抖音【css】*{/*初始化*/margin:0;padding:0;box-sizing:border-box;}/*:root选择器匹配文档根元素*/:root{/*声明自定义属性*/--rotate-arrow:0;--dropdown-height:0;--list-opacity:0;--tr
艾恩小灰灰
·
2024-02-02 21:56
CSS3
知识汇总5
【渐变】线性渐变:从一个位置开始向某个特定的方向渐变,如叶片径向渐变:从一个位置开始向四周渐变,如灯光散落linear-gradient()函数用于生成线性渐变图片,可接收多个参数,每个参数是一个色彩值色彩值后面跟一个尺寸值或百分比值,表示该颜色的停止位置div{width:50em;height:20em;font-size:10px;background-image:linear-gradie
0清婉0
·
2024-02-02 16:42
css3
属性 backface-visibility 的实践应用
`backface-visibility`是一个用于控制元素在面对屏幕不同方向时的可见性的
CSS3
特性。
汉武大帝·
·
2024-02-02 16:33
css3
css3
前端
css
面试 CSS 框架八股文十问十答第四期
⭐1)
CSS3
中的transform有哪些属性
CSS3
中的transform属性用于对元素进行变换和转换。常见的transform属性值包括:translate:平移元素,可以指定X轴和Y轴的偏移量。
程序员小白条
·
2024-02-02 16:30
面试八股文系列
面试
css
职场和发展
前端
javascript
项目实战
性能优化
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他