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
css基础笔记
CSS
Transition 的实际应用场景有哪些?
CSS
Transition的实际应用场景有哪些?
CSS
Transition(过渡效果)在实际应用场景中非常广泛,可以用于各种网页设计和交互效果的实现。
清水白石008
·
2024-02-06 09:20
css
javascript
正则表达式
零基础一篇文章实现网页轮播图效果,我太难了啊
我们要做的成果展示(轮播图):菜单(需要的材料):html语言(处理页面结构)
css
语言(美化页面)javaScript
凃老师
·
2024-02-06 08:01
ES6中模板语法与字符串处理
在ES6以前,拼接字符串是很麻烦的事情:varname='
css
'varcareer='coder'varhobby=['coding','writing']varfinalString='mynameis
小彭努力中
·
2024-02-06 08:45
es6
javascript
前端
CSS
选择器及其优先级
选择器格式优先级权重id选择器#id100类选择器#classname10属性选择器a[ref=“eee”]10伪类选择器li:last-child10标签选择器div1伪元素选择器li:after1相邻兄弟选择器h1+p0子选择器ul>li0后代选择器lia0通配符选择器*0对于选择器的优先级:标签选择器、伪元素选择器:1类选择器、伪类选择器、属性选择器:10id选择器:100内联样式:1000
小彭努力中
·
2024-02-06 08:45
css
css
css3
前端
link和@import的区别
两者都是外部引用
CSS
的方式,它们的区别如下:link是XHTML标签,除了加载
CSS
外,还可以定义RSS等其他事务;@import属于
CSS
范畴,只能加载
CSS
。
小彭努力中
·
2024-02-06 08:45
css
css
css3
前端
CSS
3 pointer-events(阻止hover、active、onclick等触发事件)
一、pointer-events介绍1、pointer-events更像是JavaScript,它能够:阻止用户的点击动作产生任何效果阻止缺省鼠标指针的显示阻止
CSS
里的hover和active状态的变化触发事件阻止
Cherry丶小丸子
·
2024-02-06 08:00
有趣的
CSS
- 鼠标悬浮线条动态变化
鼠标悬浮线条动态变化整体效果核心代码html代码:
css
部分代码:完整代码如下html页面:
css
样式:页面渲染效果:整体效果这个链接悬浮效果主要用
css
3的animation属性配合:hover伪选择器来实现的
设计师工作日常
·
2024-02-06 08:14
有趣的css
css
前端
鼠标线条动效
ui
ux
css动画
有趣的
CSS
-
css
loading动画
Loading动画整体效果核心代码html代码:
css
部分代码:完整代码如下html页面:
css
样式:页面渲染效果:整体效果这个Loading效果主要用
css
3的animation属性配合border属性来实现的
设计师工作日常
·
2024-02-06 08:13
有趣的css
css
前端
loading
css动画
有趣的
CSS
- 按钮文字上下滑动
目录整体效果核心代码html代码
css
部分代码完整代码如下html页面
css
样式页面渲染效果整体效果这个按钮效果主要使用:hover伪选择器以及transition过渡属性来实现两个子元素上下过渡的效果
设计师工作日常
·
2024-02-06 08:10
有趣的css
css
前端
css按钮
css
动画
【web前端】
CSS
笔记小结 Emmet+复合选择器+元素显示模式+背景(Day 2)
来源:黑马程序员pink老师前端入门教程目录I.Emmet语法①快速生成HTML结构语法②快速生成
CSS
样式语法③快速格式化代码II.复合选择器①后代选择器※②子选择器※③并集选择器※④伪类选择器❀链接
进击的文文文
·
2024-02-06 08:39
web
css
前端
css3
【前端web入门第四天】02
CSS
三大特性+背景图
文章目录:1.
CSS
三大特性1.1继承性1.2层叠性1.3优先级1.3.1优先级1.3.2优先级-叠加计算规则2.背景图2.1背景属性2.2背景图2.3背景图的平铺方式2.4背景图位置2.5背景图缩放2.6
小徐要考研
·
2024-02-06 08:39
前端web开发
前端
css
html5
Web前端之
CSS
入门第三天
css
第03天##一、
css
三大特性###1、层叠性相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。
清风扶杨柳@
·
2024-02-06 08:09
css
css3
html
html5
【
CSS
】复合选择器、元素显示模式、背景、
CSS
的三大特性以及一些小工具
本文主要介绍
CSS
基础知识,包括一些小工具、复合选择器、元素显示模式、背景和
CSS
的三大特性思维导图第一章web工具1.1Emmet语法作用:使用缩写,提高HTML/
CSS
代码的编写速度。
君和-
·
2024-02-06 08:08
前端
#css
css
前端
web前端从入门到精通
web前端从入门到精通HTML+
CSS
系列一、拨云见日如何创建.html文件--网页1.安装插件2.编辑器基本使用3.Chrome浏览器(市场份额最大)4.深入了解网站开发5.web三大核心技术6.HTML
等一次雪落
·
2024-02-06 08:38
css
html
【
CSS
】
css
如何实现字体大小小于12px?
【
CSS
】
css
如何实现字体大小小于12px?
香菜啵子欸
·
2024-02-06 08:07
CSS
css
前端
【
CSS
】什么是BFC?BFC有什么作用?
【
CSS
】什么是BFC?BFC有什么作用?
香菜啵子欸
·
2024-02-06 08:07
CSS
css
前端
css
选择器——胖鱼HTML入门第二天
今天是学习的第二天,书接上文,今天学习了
css
的选择器部分,
css
又叫做层叠样式表,而网页实际上是一个多层的结构,通过
css
可以分别为网页的每一层来设置样式,而最终我们能看到的只有最上边的一层。
胖鱼不秃头
·
2024-02-06 08:07
HTML
css
html
前端
CSS
:两列布局
效果如下:HTML:公共
CSS
:.container{width:400px;height:200px;}.left{width:100px;height:200px;background-color:
羽墨灵丘
·
2024-02-06 08:06
css
前端
web前端入门开发,
CSS
复合选择器,知乎上转疯了!
前端的兴起前端真正兴起和开始频繁出现在大家的视线里,大概是在十年前。彼时的Web开发基本是由后端主导,前端能做的只是校验一下数据、操作一下DOM。(其中数据检验是JS产生的根本原因:当时网络太慢,在服务端检验数据并反馈给用户,让用户知晓输入错误,这个流程太长、反应太慢,因此通过脚本在用户端完成第一步校验,既方便了用户,又减轻了带宽的压力。)即使06年jQuery发布并风靡全球,以及XMLHttpR
高级Java面试题大全
·
2024-02-06 08:06
程序员
经验分享
前端
面试
CSS
初入门:基础介绍、选择器、特性
文章目录一、简介二、语法
CSS
声明(
CSS
declarations)
CSS
声明块(
CSS
declarationblocks)
CSS
规则集可读性设置三、
CSS
的引入方式内联样式(行内样式)内部样式引用外部样式引用引入方式的优先级四
持久的棒棒君
·
2024-02-06 08:36
css
html
前端
Web前端零基础入门-06.
CSS
3基础入门(Emment语法、复合选择器、显示模式、背景)
一、Emment语法Emment语法的前身是Zencoding,它使用缩写来提高html/
css
的编写速度,VSCode内部已经集成该语法。
jiangjunm
·
2024-02-06 08:35
web前端零基础入门
前端
css3
css
Web前端HTML5&
CSS
3初学者零基础入门——第四天
开始进入
CSS
的学习目录1.
css
简介2.
css
基本语法3.常用选择器4.复合选择器5.关系选择器6.属性选择器7.伪类选择器8.伪元素选择器9.餐厅练习知识一:
css
简介Documentp{color
please tell me
·
2024-02-06 08:05
#
html
css
web
【
CSS
】margin塌陷和margin合并及其解决方案
【
CSS
】margin塌陷和margin合并及其解决方案一、解决margin塌陷的问题二、避免外边距margin重叠(margin合并)一、解决margin塌陷的问题问题:当父元素包裹着一个子元素的时候
香菜啵子欸
·
2024-02-06 08:32
CSS
css
前端
49 个在工作中常用且容易遗忘的
CSS
样式清单整理
喜欢的点赞收藏,关注我不定时分享更多精彩内容。图片来源:Web前端开发1、文字超出部分显示省略号单行文本的溢出显示省略号(一定要有宽度)p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}多行文本溢出显示省略号p{display:-webkit-box;-webkit-box-orient:vertic
李仁平
·
2024-02-06 07:26
Vite+Vue3+TS中解决PrismJS显示JSON数据不高亮的问题
Vite+Vue3+TS中解决PrismJS显示JSON数据不高亮的问题在使用prismjs库高亮代码的时候,HTML、JS和
CSS
都能正常高亮,但是在现实JSON数据的时候就不高亮,经过一番折腾,最后解决办法如下
奔跑的呱呱牛
·
2024-02-06 07:28
json
vue.js
前端
typescript
Cesium DC-SDK集成iconfont阿里矢量图标
阿里矢量图标,实现自定义图标颜色设置,具体操作如下:一、引入阿里图标库1、通过链接的方式引入到项目中在项目中引入方式@importurl("//at.alicdn.com/t/c/font_xxxx.
css
奔跑的呱呱牛
·
2024-02-06 07:54
javascript
sass 内置函数 - 颜色
sass内置函数-颜色参考s
css
官网sass:color获取颜色单个值1.alpha($color)返回值:返回传入的color的透明度alpha的值(0-1之间的数字)内置方法的定义color.alpha
陌上无人花自开否
·
2024-02-06 07:30
Web课程学习笔记--
CSS
选择器的分类
CSS
选择器的分类基本规则通过
CSS
可以向文档中的一组元素类型应用某些规则利用
CSS
,可以创建易于修改和编辑的规则,且能很容易地将其应用到定义的所有文本元素规则结构每个规则都有两个基本部分:选择器和声明块
北航程序员小C
·
2024-02-06 07:30
前端
学习
笔记
Web课程学习笔记--
CSS
盒模型
CSS
盒模型盒模型网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin),
CSS
盒子模式都具备这些属性。
北航程序员小C
·
2024-02-06 07:30
Web学习笔记
前端
学习
笔记
Web课程学习笔记--
CSS
-Sprite的应用
雪碧图
CSS
Sprite的应用
CSS
雪碧,即
CSS
Sprite,也有人叫它
CSS
精灵,是一种
CSS
图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用
css
的背景定位来显示需要显示的图片部分
北航程序员小C
·
2024-02-06 07:27
前端
学习
笔记
60-JS-Ajax
ajax取数据的一种手段,局部刷新,例如弹幕1.ajax的使用,创建ajax对象,发起对服务器请求2.核心对象XMLHttpRequest对象(简称XHR)
CSS
:CascadingStyleSheets
吴椰啵
·
2024-02-06 07:19
Web前端Js笔记
javascript
ajax
开发语言
背景定位的三个方法——《
css
揭秘》
(1)background-position可以避免去算左上角的偏移量,直接指定位置。.wrapper{background:url(paypal.png)no-repeat#58a;background-position:right20pxbottom10px;width:1000px;height:890px;}image.png(2)background-origin这个属性可以让位置跟着p
参商_70a0
·
2024-02-06 07:00
CSS
3 弹性盒子(Flex Box)
是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。一.容器属性flex-direction属性指定了弹性子元素在父容器中的位置。flex-direction:row|row-reverse|column|column-reversejustify-content:弹性
小棋子js
·
2024-02-06 06:08
vue实现文件预览
视频需要安装视频预览插件:cnpminstall--savevideo.js3、组件代码importVideofrom'video.js';import'video.js/dist/video-js.
css
清风拂山感
·
2024-02-06 06:07
vue.js
前端
javascript
Webpack的loader是什么
webpack自带的打包器只能支持JS文件当我们想要加载
css
/less/s
css
/stylus/ts/md文件时,就需要用到loaderloader的原理就是把文件内容包装成能运行的JS比如加载
css
Repeater、
·
2024-02-06 06:38
webpack
前端
node.js
s
css
和less的区别
Sass(S
css
)、Less都是
CSS
预处理器,他们定义了一种新的语言,其基本思想是,用一种专门的编程语言为
CSS
增加了一些编程的特性,将
CSS
作为目标生成文件,然后开发者就只要使用这种语言进行
CSS
Repeater、
·
2024-02-06 06:38
scss
less
前端
webpack
代码压缩:使用UglifyJsPlugin、Mini
Css
ExtractPlugin等插件来对JS代码和
CSS
代码进行压缩,减小代码体积,实际开发中一般脚手架也会默认有压
头像为自己开发微信小程序
·
2024-02-06 06:36
webpack
前端
node.js
css
多行文本擦拭效果
多行文本擦拭效果*{margin:0;padding:0;/*指定元素的框模型类型,元素的宽度和高度会包括边框和内边距*/box-sizing:border-box;}body{background:#000;color:#fff;}.container{width:80%;margin:1emauto;line-height:2;/*文本段落行首缩进*/text-indent:2em;posit
勿忘初心
·
2024-02-06 05:35
css
前端
你知道的
CSS
选择器都有哪些?
先来思考一个问题,我们为什么需要
CSS
选择器?反过来想,如果没有
CSS
选择器,那么会出现哪些现象呢?
读行笔记
·
2024-02-06 05:35
CSS
盒子模型
CSS
的盒模型分为:content-box和border-box两种元素的盒模型组成 元素的盒模型主要由:margin、border、padding、content(由外到内)组成
CSS
盒模型样式的设定
DuocHI
·
2024-02-06 05:46
css
三列布局--两边固定中间自适应和中间固定两边自适应
https://blog.csdn.net/a18792627168/article/details/79686746
__越过山丘__
·
2024-02-06 05:39
面试题 浏览器访问URL的背后真相
客户端发送一个请求给服务器服务器接受请求给予响应信息客户端将返回的内容解析并呈现断开连接青春版域名解析发起TCP的三次握手建立TCP连接后发起HTTP请求服务器响应HTTP请求,浏览器得到HTML代码浏览器解析HTML代码,并请求HTML代码中的资源(如JS、
CSS
兑生
·
2024-02-06 04:27
#
面试
面试
css
核心属性
一、字体类属性1.字体类型语法:font-family:字体1,字体2,字体3;eg:body{font-family:"微软雅黑";}注:font-family可以设置多个字体,多个字体之间用逗号分隔中文字体要加双引号,英文字体由多个单词组成也要加双引号特殊字体一律用图片2.字体大小语法:font-size:数值+单位;eg:h1{font-size:32px;}注:浏览器默认字体大小为16px
jiaiqi
·
2024-02-06 04:17
2019-06-13HTTP之Content-Type有什么区别
下面是几个常见的Content-Type:1.text/html2.text/plain3.text/
css
4.text/javascript5.application/x-www-form
Kason晨
·
2024-02-06 04:12
CSS
padding(填充)
CSS
padding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。
06b524e5e939
·
2024-02-06 04:03
tab切换
任务描述:鼠标点击不同商品类别标题时切换不同页面html代码:家电热门电视影音电脑家居
css
代码:*{margin:0;padding:0;}.tab{width:600px;height:350px;
小麦79
·
2024-02-06 04:04
前端
css
javascript
前端
vue学习p45-p60
:默认组件中的样式会作用到全局局部样式:可以给组件加上scoped属性,可以让样式只作用于当前组件scoped原理:3.给当前组件模板的所有元素,都会被添加上一个自定义属性data-v-hash值4.
css
dundundunsis
·
2024-02-06 03:56
vue.js
学习
前端
CSS
全屏布局使用float和over-flow
全屏布局*{margin:0;padding:0;}html,body{width:100%;height:100%;}.parent{height:100%;width:100%;}.top{background-color:red;height:10%;}.left{float:left;width:10%;height:80%;background-color:yellow;}.right{
xvzhengyang
·
2024-02-06 02:29
前端
css
布局
前端
CSS
全屏布局
float和over-flow
css
实现分割线功能,各种各样的分割线(附效果图)
hr标签 实线 点线 虚线 疏密可控的虚线 双实线 两头虚的分隔线 斜纹分隔线 波浪线 阴影线 END .type{text-align:center;margin-top:40px;}.hr-solid{border:
xvzhengyang
·
2024-02-06 02:59
css
html
HTML与CSS
css
前端
html
react 添加
css
_在JS中使用情感
CSS
将暗模式添加到您的React应用中
react添加
css
Darkthemeisoneofthemostrequestedfeaturesoverthepastfewyears.Themostpopularreasonisthat“it’seasierontheeyes
weixin_26715991
·
2024-02-06 02:22
react
java
vue
js
设计模式
ViewUI
上一页
34
35
36
37
38
39
40
41
下一页
按字母分类:
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
其他