自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 笔记:CSS3用户界面

appearance解释:检索或设置外观按照本地默认样式语法:appearance:none / button / button-bevel…;appearance有110个属性值兼容性:所有主流浏览器都不支持appearance属性Firefox2+(-moz-)、Chrome4+(-webkit-)、Safari6+(-webkit-)、Opera15+(-webkit-)、Andr...

2019-03-19 00:20:42 111

原创 笔记:CSS多列

columns解释:设置或检索对象的列数和每列的宽度,复合属性语法:columns:column-width || column-count;column-width:每列的宽度column-count:列数注:两个参数可以同时写,也可以只写其中一个,当写了宽和列数的时候,并且 (列数宽 < 容器总宽),它优先考虑列数,反之,(列数宽 > 容器总宽),优先考虑宽度,看能放下多...

2019-03-16 16:00:21 95

原创 笔记:CSS3动画

动画animationanima----灵魂animate-----赋予生命动画可以定义为使用绘画的手法,创造生命运动的艺术视觉暂留原理人类具有视觉暂留的特性,人的眼睛看到一幅画或一个物体后,在0.34秒内不会消失动画原理通过把人物的表情,动作,变化等分解后画成许多动作瞬间的画幅,利用视觉暂留的原理,在一幅画还没有消失前播放下一幅画,就会给人造成一种流畅的视觉变化效果,视觉欺骗安卓...

2019-03-15 23:33:57 230

原创 笔记:CSS3过渡

CSS3过渡1.transition-property解释:检索或设置对象中参与过渡的属性语法:transition-property:none / all / property;none:没有属性改变all:所有属性改变,默认值property:具体的元素属性名称2.transition-duration解释:检索或设置对象过渡的持续时间语法:transition-durati...

2019-03-14 23:37:56 113

原创 笔记:CSS3转换

2D转换1.旋转 rotate通过指定的角度参数对原元素指定一个2D旋转语法:transform:rotate(< angle >);angle:旋转角度,正数表示顺时针旋转,负数表示逆时针旋转2.移动 translate根据左(X)和顶(Y)位置给定的参数,从当前元素位置移动(1).translateX语法:transform:translateX(value);正...

2019-03-13 22:33:56 180

原创 笔记:CSS3文本阴影换行字体等

CSS3文本1.text-shadow文本阴影语法:text-shadow:h-shadow v-shadow blur color;2.text-outline文本轮廓语法:text-outline:thickness blur color;thickness:宽度值暂时没有任何浏览器支持这个属性CSS3换行1.word-break规定自动换行的处理方法语法:word-b...

2019-03-11 21:49:36 138

原创 笔记:背景与渐变

CSS3背景1.background-clip解释:指定背景绘制区域语法:background-clip:border-box / padding-box / content-box;2.background-origin解释:指定从什么地方开始定位,background-position为相对定位语法:background-origin:border-box / padding-bo...

2019-03-10 21:24:01 95

原创 笔记:CSS3盒阴影与圆角

CSS3圆角border - radius解释:一个最多可指定四个border-*-radius属性的复合属性,这个属性允许你为元素添加圆角边框语法:border-radius:1~4个length / %多值情况下:四个值:1为左上角,2为右上角,3为右下角,4为左下角。三个值:1为左上角,2为右上角和左下角(对角线),3为右下角。二个值:1为左上角和右下角,2为右上角和左下角,两...

2019-03-10 21:06:56 136

原创 笔记:CSS3 选择器

基本选择器:1.子元素选择器(直接后代选择器)语法: 父元素 > 子元素解释:子元素选择器只能选择某元素的子元素2.相邻兄弟元素选择器语法:元素 + 兄弟相邻元素解释:紧接在另一元素后的元素,而且它们具有相同的父元素3.通用兄弟选择器语法:元素 ~ 后面所有相邻兄弟元素解释:某元素后面所有兄弟元素,而且它们具有相同的父元素属性选择器:1.元素 [ attribute...

2019-03-06 22:58:09 106

原创 HTML5 课件笔记

<! DOCTYPE HTML> 声明必须放在第一行,标签的前面 ,并且它不是 HTML 的标签,只是告诉web浏览器使用哪个HTML版本进行编写的指令。HTML5 不基于SGML,所以 不需要引入 DTD(文档类型定义) 文件。HTML5 新增的标签1.结构标签(块状元素)——有意义的div<article> 标记定义一篇文章&l

2019-03-05 22:02:42 148

空空如也

空空如也

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

TA关注的人

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