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
盒子概述
盒子组成
css
中规定每一个盒子分别由:内容区域(content)、内边距区域(padding)、边框区(border)、外边距区域(margin)构成,这就是盒子模式。
redoever_7
·
2024-02-12 02:53
css
html
css3
CSS
盒子的概念
盒子模型盒子的概念页面中的每一个标签都可以看做是一个“盒子”,通过盒子的视角更方便的进行布局浏览器在渲染(显示)网页时,会将网页中的元素看做是一个个的矩形区域,称之为“盒子”盒子模型
CSS
中规定每个盒子分别由
2301_81054073
·
2024-02-12 02:51
css
html
CSS
3 animation动画
1.
CSS
3animation动画1,@keyframes定义关键帧动画2,animation-name动画名称3,animation-duration动画时间4,animation-timing-function
小小杨_a1a6
·
2024-02-12 01:49
50.项目 1-博客前端:封装库--Ajax 换肤
一.问题所在QQ截图20190520093907.png二.设置代码//HTML代码更换皮肤//
CSS
代码#skin{width:650px;height:360px;border:1pxsolid#ccc
好像在哪见过你丶
·
2024-02-11 23:38
2d蒙版效果
主要应用了
css
3的动画效果和定位*{margin:0;padding:0;}.box{width:200px;height:200px;position:relative;}.b1{width:200px
酒暖花深Q
·
2024-02-11 22:30
《
CSS
简易速速上手小册》第7章:
CSS
预处理器与框架(2024 最新版)
文章目录7.1Sass:更高效的
CSS
编写7.1.1基础知识7.1.2重点案例:主题颜色和字体管理7.1.3拓展案例1:响应式辅助类7.1.4拓展案例2:深色模式支持7.2Bootstrap:快速原型设计和开发
江帅帅
·
2024-02-11 21:38
《CSS
简易速速上手小册》
css
前端
html
javascript
动画
web3
人工智能
前端HTML &
CSS
基础入门(2)段落及文本
写在前面:
CSS
选择器网页要显示很多内容,想要为每个内容设置不同的样式,我们就得首先选中要设置样式的内容,
CSS
选择器就是指明该样式是针对HTML里哪一个元素的。
前端大叔熟
·
2024-02-11 21:38
Vue过渡 & nanoid && 代理服务器
1.过渡使用vue的transition标签结合
css
样式完成动画页面显示/隐藏我一定会好好学习的添加商品{{item.id}}-{{item.name}}删除给列表添加动画或过渡效果,用transition-group
宽厚里的猫
·
2024-02-11 21:48
网页解析神器-Selector选择器全面解析
https://docs.scrapy.org/en/latest/topics/selectors.html大部分人可能喜欢使用以下三个解析器对网页进行解析:BeautifulSoup:使用方便,支
css
越大大雨天
·
2024-02-11 20:17
CSS
文本超出希望右对齐
在做form表单校验时,经常会出现但是校验失败的提示文本超出校验项宽度的现象:当超出校验项宽度时,文本换行展示了,希望不换行展示,可以使用.z-form-item__error{white-space:nowrap;}不换行后发现文本直接向右溢出展示,但是因为校验项已经距离右边界很近了,超出右侧直接隐藏了,所以我们需要文本从右向左展示:.z-form-item__error{white-space
lwj1426282929
·
2024-02-11 20:21
实现鼠标悬停在上面会有一个遮罩效果
我的需求是这样的,鼠标悬停在logo上会有一个很浅的变白效果以便和其它地方区分开,或许你会说直接
css
上hover选择器里换个颜色不就好了,但是因为我这个是能挑选颜色的所以我就放弃了这种方法,所以这个时候我们就需要加上一个
weixin_43160044
·
2024-02-11 20:40
前端
前端
css
C语言常见面试题:C语言中如何进行网页开发编程?
传统的Web开发主要使用高级语言如JavaScript、Python、Ruby、PHP等,以及与Web相关的技术,如HTML、
CSS
和数据库。
广寒舞雪
·
2024-02-11 20:05
c语言
开发语言
Day9 : 做個DatePicker (三) - 事件
點擊input展開收起日曆的事件
css
的部分將日曆設定為絕對定位、預設不顯示並增加一個class並設定顯示(由js控制)。
YNC再寫一篇
·
2024-02-11 20:20
css
补充(四)文字溢出处理,背景图片与文字处理
border:1pxsolidblack;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}2.多行文本多做截断处理二.图片代替文字在
css
祝名
·
2024-02-11 19:41
css
格式化排版
css
格式化排版一、文字排版
css
可以设置网页中的字体、字号、颜色等样式属性1、字体
css
样式中为网页设置字体,一般网页默认为宋体,现在一般网页喜欢设置“微软雅黑”标签名{font-family:"MicrosoftYahei
Scalelength
·
2024-02-11 18:32
chrome前端页面调试+手机WEB调试
1.前端调试工具:chrome浏览器2.调试页面3.调试方法:在要调试的页面右键,选择检查即可打开调试工具(F12)4.调试功能4.1Element标签页:用于查看和编辑当前页面中的HTML和
CSS
元素
·
2024-02-11 18:34
chrome
chrome前端页面调试+手机WEB调试
调试方法:在要调试的页面右键,选择检查即可打开调试工具(F12),其中最常用的调试功能为:Element标签页:用于查看和编辑当前页面中的HTML和
CSS
元素。
·
2024-02-11 18:22
chromevue.js
css
之white-space
作用指明浏览器如何对待空白符。属性值normal去掉首尾空白符合并连续空白符将换行符和制表符转换为空白符,然后再执行2自动换行nowrap在normal的基础上,关闭自动换行pre保留首尾空格不合并连续的空格不转换换行符和制表符为空格关闭自动换行pre-wrap在pre的基础上开启自动换行,属性值名上已经明示了。pre-line去掉首尾空白符合并连续空白符应用场景保留内容的原本格式pre比如诗歌类
·
2024-02-11 18:11
css
从0到1:用HTML、
CSS
和JavaScript构建经典案例
从0到1:用HTML、
CSS
和JavaScript构建经典案例一、案例目标本案例旨在通过构建一个简单的新闻网站,使读者从零开始学习并掌握HTML、
CSS
和JavaScript三大前端技术。
·
2024-02-11 18:31
webpack5
1.webpackwebpack是一个前端构建工具,就是把开发环境的代码转化成运行环境代码,将JS、
CSS
代码混淆压缩,让代码体积更小,加载更快。
·
2024-02-11 18:49
webpack
前端开发
CSS
实用的技巧有哪些
接上文4.
CSS
定位
CSS
定位是非常实用的技巧。
CSS
定位是一种用于控制网页元素布局和位置的技术。它通过设置元素的定位属性和偏移属性来实现元素在页面中的精确定位。
·
2024-02-11 18:46
程序员
前端开发
CSS
实用的技巧有哪些
作为前端开发人员,掌握良好的
CSS
技巧至关重要。
CSS
(层叠样式表)作为一种用于定义网页样式和布局的语言,对网页的外观和用户体验起着决定性的作用。
·
2024-02-11 18:45
程序员
使用 post
css
-cva 来生成 cva 方法吧
使用post
css
-cva来生成cva方法吧使用post
css
-cva来生成cva方法吧什么是cva封装示例组成参数post
css
-cva的功能
Css
示例原子化设计注释参考生成cva函数Refers什么是
·
2024-02-11 18:10
如何通过
css
变量实现主题切换?
目的采用
css
变量来切换应用的主题。
·
2024-02-11 18:39
css
css
的文本换行之word-break
用途用于打断单词属性normal(浏览器默认表现)剩余位置无法容纳当前单词时:●如果是首行,单词将溢出容器。●如果非首行,将单词放到下一行,如果下一行仍然放不下,单词将溢出容器。break-all剩余位置无法容纳当前单词时,把单词打断为两部分,一部分塞到当前行的剩余位置,另一部分放到下一行,如果下一行容纳不下,继续这个打断操作。keep-all阻止CJK(中日韩)语言的自动换行。应用场景break
·
2024-02-11 18:34
前端css
下一代浏览器插件开发框架 WXT 入门指南
前言如果你没有开发过浏览器插件,那么我建议你直接选择一款框架去开发,因为我们在开发一款Chrome插件时,是采用HTML、
CSS
和JavaScript的传统方式开发,无法直接使用vue、react等常用框架去编写
·
2024-02-11 18:28
CSS
和 SVG 实现彩色图片阴影
下面分布介绍
CSS
和SVG两种实现方式,一起看看吧一、实现原理从设计上看,其实原理很简单,一张原图和一张模糊的图,叠加在一起就行了,示意如下那么具体如何实现呢?
·
2024-02-11 18:52
前端csscss3svg
关于 npm install 执行时的安全审计工作
npminstall命令行执行过程中显示reify:@adobe/
css
-tools:sillauditbulkrequest进度条,实际上表示npm正在执行安全审计(audit)操作。
·
2024-02-11 18:45
npm
前端必学 40个精选案例实战 一课吃透HTML5+
CSS
3+JS(51资源社)
前端必学40个精选案例实战一课吃透HTML5+
CSS
3+JS(51资源社)//xia仔k:百度网盘HTML5、
CSS
3和JavaScript是构建现代网页的三大核心技术。
·
2024-02-11 18:07
html5
webpack
2.webpack的作用(1)模块打包:Webpack通过模块化的方式来管理项目中的各种资源,如HTML、
CSS
、
·
2024-02-11 18:18
webpack
Webstorm 2023.3.3最新安装教程(附激活码,亲测有效)
当你在编写HTML、
CSS
、JavaScr
·
2024-02-11 18:46
CSS
滚动驱动动画实现圆弧滚动条
原效果中由于为了兼容不支持
CSS
滚动驱动的浏览器,特意用JS做了兼容,所以看着比较复杂,其实核心非常简单,下面我将用最简短的
CSS
来复刻这一效果,一起看看吧一、SVG路径动画从本质上来讲
·
2024-02-11 18:45
前端csscss3
css
边框动画
一个
css
边框动画,感兴趣的可以看看Document*{margin:0;padding:0;list-style:none;--transition-duration:500ms;}.box{width
·
2024-02-11 18:44
css边框属性
图解
CSS
:揭开
CSS
的面纱
这是第二次重编《图解
CSS
》,如果你对
CSS
最新特性感兴趣,请移步阅读《现代
CSS
》!如果您对前端方面有所关注,那么对
CSS
一定不会陌生,你也肯定听说过一些
CSS
的新特性。
·
2024-02-11 18:21
2023 年开始写
CSS
会与众不同
CSS
的发展速度比以往任何时候都要快。在Flexbox和Grid之后,
CSS
的发展似乎经历了一段漫长的停滞期,但在近几年,
CSS
已经新增了许多新功能可用,而且还会有更多新功能即将推出。
·
2024-02-11 17:47
软件测试/测试开发丨Web端测试—
CSS
讲解 学习笔记
本文转自测试人社区,霍格沃兹测试开发学社学员笔记原文链接:https://ceshiren.com/t/topic/29441一、
CSS
入门1.1、什么是
CSS
CSS
指层叠样式表(CascadingStyleSheets
·
2024-02-11 17:38
纯
CSS
动态渐变文本特效
如图所示,这是一个炫酷的文本渐变效果,如同冰岛的极光一般。本次的文章让我们逐步分解代码,了解其实现原理。基于以上动图效果可以分析以下是本次动效实现的主要几点:文本中有多个颜色的动画每个颜色显示的半径不同,有大有小整体动画是有规律的重复进行着实现过程接下来开始正式的代码实现过程,通过以上可以分析出会有多个元素来实现颜色的动画,每个元素的动画轨迹和运行速度不一致,但当多个不同颜色的元素和文本结合起来就
·
2024-02-11 17:02
前端csscss3动画程序员
cordova安装android平台,Android集成Cordova
允许你用标准的web技术-HTML5,
CSS
3和JavaScript做跨平台开发。
史遇春
·
2024-02-11 17:07
Android:Ionic框架使用实例
通过使用H5,JS,
CSS
构建接近原生体验的移动应用程序。ionic放弃对IOS6和Android4.1以下的版本的支持,提高应用程序的运行效率。
偶是不器
·
2024-02-11 17:36
Android
android
Ionic
CSS
盒子模型
CSS
盒子模型盒子模型解释元素在页面中显示成一个方块,类似一个盒子,
CSS
盒子模型就是使用现实中盒子来做比喻,帮助我们设置元素对应的样式。
MC小帆帆
·
2024-02-11 16:02
电商网站基础布局——以小兔鲜为例
项目准备/*base.
css
*//*內减模式*/*{margin:0;padding:0;box-sizing:border-box;}/*设置网页统一的字体大小、行高、字体系列相关属性*/body{font
小秀_heo
·
2024-02-11 15:04
CSS
HTML
前端
20张图表达程序员的心酸
使用新框架却忘记阅读文档测试实习生的代码网络延迟的危害...测试刚写完的代码delete时,忘记加where条件了轻量级架构遇到重量级需求当我以为我修复了一个Bug当我看实习生编码首次在IE中测试我的网站当我第一次测试我的代码时新手调试
CSS
4553675200ad
·
2024-02-11 15:22
【
css
】固定定位——固定在版心右侧位置
让固定定位的盒子left:50%.走到浏览器可视区(也可以看做版心)的一半位置。让固定定位的盒子margin-left:版心宽度的一半距离。
倒霉娃不要倒霉
·
2024-02-11 15:03
css学习
学成网html+
css
案例
这是跟着pink老师敲的第一个html+
css
的静态页面:html部分学成网首页课程职业规划个人中心CheeryZ前端开发>后端开发>移动开发>人工智能>商业预测>云计算&大数据>运维&测试>UI设计>
倒霉娃不要倒霉
·
2024-02-11 15:33
案例
html
css
基于
css
-vars-ponyfill实现换肤
文章目录一、换肤二、换肤调研2.1、`ElementUI`2.2、`ant.design`三、换肤痛点和思考四、换肤架构五、换肤技术选型和实现5.1、该方案的亮点和规则5.2、核心原理5.3、色组`&`色值平台设计5.4、获取在当前主题自定义变量颜色六、总结七、最后一、换肤网站或者应用一键切换主题(简称:换肤)功能,对每个前端开发者来说已经非常常见了,通常是一深一浅,或自由组合衍生出众多主题,或任
小马甲丫
·
2024-02-11 14:28
#
换肤
#
npm
css
css
前端
换肤
JavaScript 涉及模式之外观模式
也正是这些库的大量使用,所以使得兼容性更广泛,通过外观者模式来封装多个功能,简化底层操作方法constA={g:function(id){returndocument.querySelector(`#${id}`)},
css
放逐的程序猿
·
2024-02-11 14:45
JavaScript设计模式
外观模式
vue-cli搭建项目
vue-clinpmivue-cli-g2.初始化项目(vueinit):模板名称vue-cli官方为我们提供了5种模板,webpack-一个全面的webpack+vue-loader的模板,功能包括热加载,linting,检测和
CSS
saintkl
·
2024-02-11 13:09
web进阶之三:
css
简介和样式
CSS
是什么
CSS
指层叠样式表(CascadingStyleSheets)。在第一篇文章中我们介绍到,网页有三个部分组成,分别是结构(html),样式(
css
),表现(javascript)。
甚得朕心
·
2024-02-11 13:44
css
元素显示模式(行内、块级、行内块)
1.块级元素显示特点:1、独占一行(一行只能显示一个)2、宽度默认是父元素的宽度,高度默认由内容撑开3、可以设置宽高代表标签:div、p、h系列、ul、li、dl、dt、dd、form、header、anv、footerdiv:nth-child(1){/*块级元素默认和父亲一样宽度*/height:300px;background-color:pink;}关于块级元素的一些想法如果想让一个块级盒
lxl211
·
2024-02-11 12:02
css
css
css3
前端
CSS
的元素显示模式(块元素、行内元素、行内块元素和显示模式转换)
目录1.块元素2.行内元素3.行内块元素4.转换为块元素5.转换为行内元素6.转换为行内块元素1.块元素常见的有、、、、、、、特点如下:独占一行可以设置高度、宽度、外边距、内边距宽度默认是父级的100%里面可以放行内元素或块级元素注意:文字类的块元素,如、~,里面不能放块元素2.行内元素常见的有、、、、、、、、特点如下:一行可以放多个行内元素,父元素宽度不够则自动换行不可以设置宽度、高度默认宽度是
Bulut0907
·
2024-02-11 12:02
CSS3
css块元素
css行内元素
css行内块元素
css显示模式转换
css元素显示模式
上一页
23
24
25
26
27
28
29
30
下一页
按字母分类:
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
其他