自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 CSS3过渡与转换学习笔记

1.CSS3转换(transition) 功能:在规定时间内从一个属性值转换到另一个属性值,如颜色,长度,透明度等。 transition-property:转换的属性 none/all transition-duration:转换的持续时间,ease/ease-in/ease-out-ease-in-out/linear/cubic-bezier定义自定义转换 transition-timing-function:转换的速度变化 transition-delay:过渡效果的延迟 默认值:all 0 ea

2021-01-20 00:12:50 153

原创 CSS3渐变与背景学习笔记

1.线性渐变linear-gradient 功能:显示两个或多个指定颜色间的平滑过渡。 两种类型的渐变:线性(Linear)-向下/向上/向左/向右/对角方向。 径向(Radial)-由它们的中心定义。 多个颜色可用“,”逗号隔开,浏览器将从上到下显示并生成渐变效果。 在颜色值前加入top/right/bottom/left可改变渐变的初始方向,也可以两个值结合,如right bottom(右下角开始渐变)。 数字+deg也可以设置渐变开始的角度,0deg表示从left位置开始渐变,90deg是botto

2021-01-18 23:00:26 188

原创 CSS3基础学习笔记

1.CSS3简介 CSS3是CSS的最新标准,且向后兼容早期的CSS版本。 重要的新功能包括过渡、形状转换、边界半径、边框图片、多个背景、动画(Animations)、特效(effect)、盒阴影(bos-shadow)、渐变(Gradients)等。 2.CSS3前缀 不同的浏览器有不同的内核,对应不同的内核,CSS3有不同的前缀,各浏览器的兼容性都在逐步提升。 主流浏览器内核:IE——trident;Opera——Blink;chrome——Blink;Firefox——Gecko;Safari—

2021-01-17 21:21:35 121

原创 CSS定位与布局

1.display属性 功能:决定盒模型的行为方式,设置元素如何被显示。常见4值:none/inline/block/inline-block。 display:block(块元素):占用最大宽度的元素,独占一行,可以设置width,height,margin,padding属性,无论怎么设置都是独占一行。常见的块级元素有div,p,ul,ol,h1~h6等。 display:inline(内联元素):不会独占一行,默认有多少占多少,一行塞不下了才会换行,width和height属性的设置无效,水平方向设

2021-01-16 22:39:18 97

原创 CSS属性学习

1.CSS列表样式(list) list-style-type属性用于设置列表的标签或者编号(项目标记)。none-无标记;disc-默认,标记是空心圆;circle-标记是空心圆;square-实心方块;decimal-数字;decimal-leading-zero-0开头的数字标记;lower-roman-小写罗马数字;upper-roman-大写罗马数字;lower-alpha-小写英文字母;upper-alpha-大写英文字母。 list-style-image属性:将图像设置为列表中的项目标记,

2021-01-16 16:50:15 176

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除