51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#css字体
Bulma基于Flexbox布局技术开源现代CSS框架
Bulma是一个基于Flexbox布局技术的免费、开源的现代CSS框架,它提供了易于使用的前端的组件,您可以轻松地组合这些组件来构建响应式Web界面。官方网址:https://bulma.bootcss.com/源码下载地址:https://github.com/jgthms/bulma/releases/downlo...
开发笔记
·
2023-03-13
Bulma
基于
Flexbox
布局
技术
css伪类nth-child()怎么用
在CSS3中nth-child()伪类对于在HTML中创建格式化的Excel样式表非常有用。也用于生成网格布局而不必求助于表格。 首先我们来了解一下nth-child()伪类的相关知识。 nth-child()伪类的基本规则: 我们使用的语法是:nth-child(an+b)其中a是频率,b是初始偏移量。这生成...
开发笔记
·
2023-03-13
css
伪类
nth-child
怎么
css中有什么伪类
css伪类有:“:link”、“:visited”、“:hover”、“:active”、“:focus”、“:lang()”、“not()”、&ldq...
开发笔记
·
2023-03-13
css
中有
什么
伪类
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
标准
导航
代码
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
去掉
链接
下划线
首页
上一页
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
其他