![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
禅解缠
这个作者很懒,什么都没留下…
展开
-
HTML5 课件笔记
<! DOCTYPE HTML> 声明必须放在第一行,标签的前面 ,并且它不是 HTML 的标签,只是告诉web浏览器使用哪个HTML版本进行编写的指令。HTML5 不基于SGML,所以 不需要引入 DTD(文档类型定义) 文件。HTML5 新增的标签1.结构标签(块状元素)——有意义的div<article> 标记定义一篇文章&l原创 2019-03-05 22:02:42 · 148 阅读 · 0 评论 -
笔记:CSS多列
columns解释:设置或检索对象的列数和每列的宽度,复合属性语法:columns:column-width || column-count;column-width:每列的宽度column-count:列数注:两个参数可以同时写,也可以只写其中一个,当写了宽和列数的时候,并且 (列数宽 < 容器总宽),它优先考虑列数,反之,(列数宽 > 容器总宽),优先考虑宽度,看能放下多...原创 2019-03-16 16:00:21 · 95 阅读 · 0 评论 -
笔记: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 阅读 · 0 评论 -
笔记:CSS3动画
动画animationanima----灵魂animate-----赋予生命动画可以定义为使用绘画的手法,创造生命运动的艺术视觉暂留原理人类具有视觉暂留的特性,人的眼睛看到一幅画或一个物体后,在0.34秒内不会消失动画原理通过把人物的表情,动作,变化等分解后画成许多动作瞬间的画幅,利用视觉暂留的原理,在一幅画还没有消失前播放下一幅画,就会给人造成一种流畅的视觉变化效果,视觉欺骗安卓...原创 2019-03-15 23:33:57 · 230 阅读 · 0 评论 -
笔记:背景与渐变
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 阅读 · 0 评论 -
笔记: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 阅读 · 0 评论 -
笔记: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 阅读 · 0 评论 -
笔记:CSS3 选择器
基本选择器:1.子元素选择器(直接后代选择器)语法: 父元素 > 子元素解释:子元素选择器只能选择某元素的子元素2.相邻兄弟元素选择器语法:元素 + 兄弟相邻元素解释:紧接在另一元素后的元素,而且它们具有相同的父元素3.通用兄弟选择器语法:元素 ~ 后面所有相邻兄弟元素解释:某元素后面所有兄弟元素,而且它们具有相同的父元素属性选择器:1.元素 [ attribute...原创 2019-03-06 22:58:09 · 106 阅读 · 0 评论 -
笔记: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 阅读 · 0 评论 -
笔记: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 阅读 · 0 评论