腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

一个小程序员的成长笔记

专栏作者

47

文章

64591

阅读量

33

订阅数

CSS深入理解学习笔记之overflow

1、Overflow基本属性　　overflow:visible(默认)/hidden/scroll/auto/inherit; 　　visible：超出部分可见。　　hidden：超出部分隐藏。　　scroll：超出可滚动。　　auto：若超出才出现滚动条。　　inherit：继承。（IE8+）　　注：overflow-x与overflow-y值不同，其中一个属性值被赋予visible，而另一个被赋值为hidden/scroll/auto，则visible会被重置为auto。兼容性：　　

就只是小茗

2018-03-07

3.5K0

Canvas 给图形绘制阴影

/** * 图形绘制阴影 */ function initDemo6() { var canvas = document.getElementById("demo6"); if (!canvas) return; var context = canvas.getContext("2d"); context.fillStyle = "#02c9e5"; context.shadowOffsetX = 10; // 阴影横向位移 context.shadowO

就只是小茗

2018-03-07

1.2K0

Canvas 图片平铺设置

/** * 图片平铺 */ function initDemo7(){ var canvas = document.getElementById("demo7"); if (!canvas) return; var context = canvas.getContext("2d"); var type = [ "no-repeat", // 不平铺 "repeat-x", // 横向平铺 "repeat-y", // 纵向平

就只是小茗

2018-03-07

1.8K0

Canvas 图片绕边旋转的小动画

/** * 图片绕边旋转的小动画 */ function initDemo10() { var canvas = document.getElementById("demo10"); if (!canvas) { return; } var context = canvas.getContext("2d"); var img = new Image(); img.src ="images/timg3.jpg"; img.onload

就只是小茗

2018-03-07

1.4K0

CSS深入理解学习笔记之padding

1、padding与容器尺寸之间的关系对于block水平元素：①padding值暴走，一定会影响尺寸；②width非auto，padding影响尺寸；③width为auto或box-sizing为border-box，同时padding值没有暴走，不影响尺寸。　　对于inline水平元素：水平padding影响尺寸，垂直padding不影响尺寸，但是影响背景色。当垂直padding大到超出父容器，会影响scrollHeight。 2、padding负值和百分比值　　关于padding负值：paddi

就只是小茗

2018-03-07

8560

CSS3弹性盒布局

使用自适应的窗口弹性盒布局可以使div总宽度等于浏览器宽度，而且可以随着浏览器的改变而改变。 1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=utf-8"> 5 <meta http-equiv="x-ua-compatible" content="IE=edge"> 6 <meta name=

就只是小茗

2018-03-07

1.1K0

HTML5中引入的关键特性

新特性描述 accesskey 定义通过键盘访问元素的快捷键 contenteditable 该特性设置为true时，浏览器应该允许用户编辑元素的内容。不指定变化后的内容如何保存 contextmenu 定义menu元素的DOM id作为定义钙元素特性的上下文菜单 data-X 制定可以包含在标签中的用户定义的元数据，而不必担心这些元数据与当前的特性或者未来的特性冲突。使用这种类型的特性可以避免创建自定义特性或者过载class特性的常见方法 draggable 定义特性时，允许元素与其

就只是小茗

2018-03-07

1.2K0

HTML5标签学习笔记

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Html5Test</title> <style> section{ margin: 30px 0; } </style> </head> <body> <header> <hgroup> <h1>html5Tag</h1> </hgro

就只是小茗

2018-03-07

1.4K0

HTML5新增属性学习笔记

1、form属性表单内的从属元素，可以写在表单外部。可以通过指定元素的form属性来声明元素所属表单。form的属性值为表单的id。 1 <form id="testForm"> 2 <input type="text"> 3 </form> 4 <textarea form="testForm"></textarea> 详细学习内容可参看：HTML5新增的form属性简介 2、formaction属性给所有的提交按钮增加formaction属性，可以通过不同的按钮将表单提交到不同的页面。 1

就只是小茗

2018-03-07

1.8K0

HTML5 FileReader接口学习笔记

html5 存储 html

1、FileReader概述 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。其中File对象可以是来自用户在一个<input>元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile()方法后返回结果。 2、FileReader接口方法方法名参数描述 r

就只是小茗

2018-03-07

8500

Canvas 图形组合方式

html5 javascript

/** * 图形组合 */ function initDemo5() { var canvas = document.getElementById("demo5"); if (!canvas) return; var context = canvas.getContext("2d"); var oprtns = [ "source-atop", // 新图形覆盖原有图形，新图形未重叠部分透明 "source-in", // 新图形覆盖原有图

就只是小茗

2018-03-07

8190

没有更多了

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态