51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
文章频道
前端
css3
Javascript
html
Html5
Css
vue
网站优化
正则表达式
React
后端
C语言
C++
Java
.Net
PHP
Python
gis
Go语言
数据库
nosql
其他
Redis
sql
Mysql
Oracle
sqlserver
mongodb
移动
Flutter
Android
IOS
微信
微信小程序
支付宝小程序
快应用
开源
hadoop
资讯
经验
其他
工具
互联网络
代码编辑器
报表/图表
其他
算法
操作系统
linux
unix
windows
centos
mac
游戏开发
架构
微服务
网站架构
分布式系统
系统架构
软件工程
敏捷开发
软件工程
Css
ul li 横向排列不换行的做法
有些时候需要使用ulli水平排列而不要换行,做法很简单,直接拷我的代码上来,注意红色部分就可以了:#canvaslist{list-style:none;overflow:auto;margin:0;padding:0;border:1pxsolidred;zoom:1;white-space:nowrap;width...
开发笔记
·
2023-03-13
ul
li
横向
排列
不换
div字体加粗
字体加粗font-weight属性设置文本的粗细。使用bold关键字可以将文本设置为粗体。关键字100~900为字体指定了9级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100对应最细的字体变形,900对应最粗的字体变形。数字400等价于normal,而700等价于bold。如果将元素...
开发笔记
·
2023-02-11
div
字体
加粗
纯css实现光标打字效果,纯CSS打字动效
效果如下:创建html页面,在body中添加以下html代码:<pclass="load-text">loading...</p>css代码:/*光标动画*/@keyframescaret{50%{border-color:transparent;}}/*文本动画:从宽度为0开始*/@keyfr...
开发笔记
·
2023-02-05
打字
css
实现
光标
效果
css中border-radius
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><tit...
开发笔记
·
2023-01-16
css
border-radius
CSS rotate3d()实例讲解
rotation3d()函数是一个内置函数,用于在3D空间中围绕固定轴旋转元素。用法:rotate3d(x,y,z,angle)参数:该函数接受上述和以下所述的四个参数: x:它包含一个表示x坐标的数字。取值范围是0〜1。y:它包含一个表示y坐标的数字。取值范围是0〜1。z:它包含一个表示z坐标的数字。取值范...
开发笔记
·
2023-01-16
CSS
rotate3d
实例
讲解
CSS3 transition过渡属性
<ahref="http://www.51dev.com">www.51dev.com</a><!DOCTYPEhtml><html><head><style>div{width:100px;height:100px;background:yell...
开发笔记
·
2023-01-10
CSS3
transition
过渡
属性
css list style type属性怎么用
csslist-style-type属性用于设置列表项标记的类型,可以通过不同的属性值设置不同的列表项标记。所有浏览器都支持list-style-type属性。 csslist-style-type属性怎么用?list-style-type属性设置列表项标记的类型。可设置的属性值:● none:无...
开发笔记
·
2023-01-09
css
list
style
type
属性
css标准导航代码
1<!--例子解析:-->-->23<!--list-style-type:none-移除列表前小标志。一个导航栏并不需要列表标记-->4<!--移除浏览器的默认设置将边距和填充设置为0-->5<!--上面的例子中的代码是垂直和水平导航栏使用的标准代码。-->6&l...
开发笔记
·
2023-01-09
css
标准
导航
代码
margin-top是什么意思?
margin-top是CSS中的一个属性,用于设置元素的上边距,所有主流浏览器都支持margin-top属性,下面我们来简单看一下margin-top属性的用法。auto:浏览器设置的上外边距。length:定义固定的上外边距。默认值是0。%:定义基于父对象总高度的百分比上外边距。inherit:规定应该从父元素继承上...
开发笔记
·
2023-01-09
margin-top
是什么
意思
display:none是什么意思
display:none的意思:隐藏元素并脱离文档,流就是隐藏该区域,不占实际空间,但对后台来说真实存在,可以获取被隐藏的元素简单的来说就是将元素设置为none的时候既不会占据空间,也无法显示,相当于该元素不存在。<html><head><title></title>&l...
开发笔记
·
2022-09-10
display
none
是什么
意思
CSS盒子模型(CSS Box Model)
CSSBoxModel,即CSS盒子模型,是一个比较基础的CSS概念。所谓盒子(Div、Span等等都是盒子),其实就是容器的意思,用来填装别的东西。Content:Thecontentofthebox,wheretextandimagesappear.内容:盒子里填装的东西,比如文本、图片、表单。内容就是内容,不能再...
开发笔记
·
2022-04-16
CSS
盒子
模型
Box
Model
css怎样设置div边框的属性
border-color:#000设置4边边框颜色为黑色;border-color:+颜色值,即可设置对象边框颜色;border-left-color:#000设置左边框颜色为黑色;border-right-color:#000设置右边框颜色为黑色;border-top-color:#000设置上边框颜色为黑色;bor...
开发笔记
·
2022-04-07
css
怎样
设置
div
边框
css实现div边框阴影
<styletype="text/css">.div_shadow{width:600px;height:450px;border:#9090901pxsolid;background:#fff;color:#333;-ms-filter:"progid:DXImageTransform.Microsoft...
开发笔记
·
2022-04-07
css
实现
div
边框
阴影
一段css代码让弹窗在页面中居中
一段css代码让弹窗在页面中居中,在CSS文件中加入就可以了。position:fixed;top:50%;left:50%;transform:translateX(-50%)translateY(-50%);-ms-transform::translateX(-50%)translateY(-50%);-moz-t...
星空
·
2021-08-03
一段
css
代码
弹窗
页面
css去掉a超链接的下划线
去掉A链接下划线的代码a{text-decoration:none} ...
开发笔记
·
2021-04-24
css
去掉
链接
下划线
专栏
更多
老潘
关注
欢迎关注
建站高手
关注
兴趣:做网站
星空
关注
星空下的梦~
代码星球
关注
IT猿
关注
首页
上一页
1
2
3
4
5
...
下一页
尾页
按字母分类:
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
其他