随笔分类 - HTML5 & CSS3
摘要：第一章 基础介绍介绍了css的好处, 编辑一个文件多处使用, 层叠: 指式样有矛盾时, 可以覆盖掉之前的式样, 便于维护 等等.块级元素:会生成一个元素框, (默认地)它会填充其父元素的内容区, 会换行.行内元素: 也有元素框, 但是不会打断这行文本, 不换行.候选式样表 将 rel设置为 alternate stylesheet 例如: // 默认式样如果多个式样表, 都使用”默认式样表”, 那么浏览器只会选择一个可以看到 @import 必须写在 style 容器中. 并且要在最前边.@import 与 link 类似, @import url(sheet2.css);如果一个式样表, 需
阅读全文
摘要：1. HTML 1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: Css syntax 14: 15: 16: 17: 18: 19: 20: 21: ...
阅读全文
摘要：1. web 主机代理商 web hosting company, 让他们的服务器为你的页面服务2. 选择网站名字 例如: www.1234.com3. 寻找 把文件从电脑传到主机的途径4. 把新网站告诉朋友域名：用来定位你的网站的独一无二的名字 1234.com网站名：www.1234.comhttp://www.1234.com/index.html ( 其中后面的 / 就是服务器根目录, index.html是页面文件 )http://， 输入的地址是URL, 统一资源定位符, http://是传输协议目标锚: 主要目的是链接到比较长的页面中的特定位置, 以便浏览者不用滚动页面来找See
阅读全文
摘要：内容提要- 渐变效果- Timing event- 表单输入Image 对象var img = new Image() ; // 必须大写img.src = “a.jpg”;ctx.drawImage(img, 10, 20, 50, 50); //10,20 分别代表图标最左上角的坐标, 50,50 分别代表宽和高画矩形 :fillRect(左上x, 左上y, 宽，高) // 左上顶点坐标, 宽度和高度渐变效果在HTML5中，有两种渐变效果，一种是沿着直线的渐变方式，我们称之为线性渐变；另一种是从一个点或圆沿着一个圆的半径向四周渐变的方式，我们称之为径向渐变。下面分别来介绍这两种的渐变方式.
阅读全文
摘要：内容提要- 利用 canvas 画图- 在 form中输出内容( output )<form name=”f”> Outcome:<input name=”outcome” value=””/></form>document.f.outcome.value=”Youwin”; //全部使用 name 读取可以利用 canvas 画直线或弧线，其中画弧线的函数arc ( int float x , int float y , int float radius, int float startAngle, int float endAngle, int bool
阅读全文
摘要：1.块区域介绍 1: <body> 2: <div> 3: <p>This is a pargraph.</p> 4: </div> 5: </body>p 元素的包含块是 div 元素，因为作为块级元素，表单元格或行内元素，这是最近的祖先元素，类似的，div的包含块是 body. 因此，p的布局依赖于 div的布局，而div的布局则依赖于 body的布局。块级元素会自动重启一行。2. 块级元素正常流布局一般的，一个元素的width被定义为从左内边界到右内边界，height则是从上内边界到下内边界的距离。不同的宽度，高度，
阅读全文
摘要：1）像<span>这样的行内标记，定义它的margin-top和margin-bottom是无效的，除非你把它设置为块状元素才可以。Display:block2）对于块状元素，你可以自由的使用外边距来定义版式和元素之间的距离。类似 DIV 等等，3）无论什么元素，一旦设置为是浮动显示，就拥有了完整的盒模型结构，我们就可以使用外边距，内边距，边框，高和宽来控制的大小以及与其他对象之间的位置关系。4）浮动是从网页布局的角度来定义元素的显示，而行内和块状属性主要是从元素自身的性质来定其显示的。5）当元素没有定义边框时，可以把内边距作为外边距使用。有时候外边距会有重叠现象的。6）当为元素定
阅读全文
摘要：. http://www.w3school.com.cn/html5/index.asp介绍：W3C HTML5开发者指南，学习HTML5的各种标签，查询参考手册。W3C HTML 5 权威教程2. http://html5demos.com/介绍：HTMLDemos 可以插件HTML5标签在各浏览器的兼容性，同时你还可以查看各种HTML5的标准Demo演示。3. http://www.apple.com/html5/介绍：苹果提供的HTML5演示站点，提供很多很绚丽的HTML5Demo演示4. http://html5test.com/介绍：测试浏览器对HTML5的支持，并打分，可以知道你当
阅读全文
摘要：一般标签外都会有内容，例如 <button>click</button> 这时候需要后标签，如果标签外没有内容（这种情况很少），则不需要后标签，例如 <br/> <col />序号 标签 重要程度<!-- --> *** eg. <!-- This is a comment --><!doctype html> ***<a> *** href,target 超链接 eg. <a href=www.asdf.comtarget="_blank">asdf</a&g
阅读全文
摘要：CSS作用 & 介绍 式样定义 如何显示 HTML内容 通常存储在式样表中 作用 : 解决内容与表现分离的问题 ( MVC 模型 , model : html , view : css , control : JavaScript ) 外部式样表可以极大的提高效率 , 例如要修改网页中标题的表现形式 , 如果网页中有100个标题, 如果使用HTML进行修改, 则需要修改100次, 如果使用CSS进行修改, 则只需要修改1次就OK了, 因为内容与表现分离了, 所以可以将表现(式样表)保存起来, 未了以后使用 式样表可以 层叠出现 , 后边的式样会将前边的式样覆盖 , 比如规定标题式样为
阅读全文
摘要：例子body { /* 元素 */ color:blue;}h1,h2,h3,h4,h5,h6 { color: blue; font-size: 20px; }p { color: green; font-size: 15px; font-family: "sans serif"; text-align: center; background-color: gray; /*背景色*/ padding: 10px; /*向外延伸 , 宽了*/}#myid p { /* id + 元素 */ color: red;}.center { /* class */ text-...
阅读全文