HTML
布吉
这个作者很懒,什么都没留下…
展开
-
HTML秘籍
第二章 构造网页的新方式 语义元素 <article> 包含一个完整的,自成一体的内容块 即类似新闻报道,论坛帖子或博客文章(不包括评论或作者简介)等能够独立的内容区块; <aside>表示独立于周围内容的一个完整的内容块,例如:可以用<aside>创建一个附注栏,其中包含与主文章相关的内容或链接; <figure>表示一幅插图,其中内容包括图片&l...原创 2018-10-20 20:41:45 · 154 阅读 · 0 评论 -
读书笔记:HTML &CSS设计与构建网站
HTML部分: 1.在同一个网页由当前位置跳转到指定位置,实现:在指定位置的标签设置id(或者设置name),再在当前位置的链接的href属性设置为”#id”(或者”#name”);如果是跳转到其他页面指定位置,则将当前的href属性设置为”文件名#id”(或者”地址/#id”); 2.如何设置表格表头不随浏览器滚动条滚动;如何在输入框前面加入图标; 如何组合表单元素控制外边框的长度和高度;...原创 2018-09-12 21:02:35 · 1313 阅读 · 0 评论 -
09:CSS设置盒子模型
盒子模型 1盒子模型图 2一个简单的盒子模型 box.html &amp;amp;lt;!doctype html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&原创 2018-08-17 19:52:13 · 223 阅读 · 0 评论 -
08:CSS设置表格样式
1.一个简单的表格 table.html &amp;lt;!doctype html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt原创 2018-08-17 19:30:41 · 153 阅读 · 0 评论 -
07:CSS设置列表样式
1.有序列表(ol)和无序列表(ul) list.html &amp;lt;!doctype html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &a原创 2018-08-17 19:25:37 · 294 阅读 · 0 评论 -
04:CSS设置文本样式
1.文本中大小写字母转换—text-transform 属性值: uppercase;(全部大写) lowercase;(全部小写) capitalize;(在所有小写单词中,首字母大写) p{ text-transform:uppercase; } 2.文本居中——text-align 属性值: center;(居中) ...原创 2018-08-12 21:27:42 · 243 阅读 · 0 评论 -
视频笔记:滤镜和遮罩弹窗
遮罩滤镜 1.不透明度opacity:0到1;(IE7以下不支持);但IE7以下有它的 私有滤镜 filter:alpha(opacity=0~100); 2.应用:弹窗(思想:在原来的内容上添加一个div, 并且设置该div的大小为整个页面(百分比), 和该div的定位为绝对定位(absolute漂浮在内容上), 并且设置该div有透明度的背景; 在再此基础上创建窗体(div),设置定位为绝对...原创 2018-11-23 19:19:10 · 194 阅读 · 0 评论 -
视频笔记:浮动的问题、IE6、IE7的bug
在IE6,IE7元素浮动元素要并在同一行, 都要加浮动,这样元素之间不会产生间距和其他问题; IE6下的双边距Bug:在IE6下(子)元素有浮动, 横向的margin会放大两倍; 解决办法:给子元素加display:inline; IE6,7下的几px问题:在IE6,7下li没有浮动,但内容浮动了 li下就会多出来几px; 解决办法:1.给li加浮动并且设置宽度 li{ ...原创 2018-11-23 19:17:55 · 130 阅读 · 0 评论 -
视频笔记:定位
元素如果没有脱离标准文档流,在设置margin-top(可为负值)时,元素下面的 元素也会移动; 相对定位(position:relative;) 1.不影响元素本身的特性; 2.不会让元素脱离标准文档流; 3.如果不设置偏移量,对元素没有任何影响; 4.定位元素方向控制:top/bottom/left/right; 5.相对定位是相对于自己最开始的位置(相对于自己)进行了偏移; 6.偏移量可正可...原创 2018-11-23 19:16:18 · 370 阅读 · 0 评论 -
视频笔记:表格/表单
//表格 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table> <c原创 2018-11-23 19:14:14 · 126 阅读 · 0 评论 -
读书笔记:基本Canvas绘图
js书:javaScript&JQuery:TheMissing Manual Canvas:https://www.cnblogs.com/boliang/p/4773206.html canvas模板 <!DOCTYPE html > <html lang="en" > <head > <meta http-equiv="Content-Typ...原创 2018-11-07 17:56:28 · 190 阅读 · 0 评论 -
视频笔记:浮动
1.浮动(float:left/right/none;)的原理 (1)使块级元素在同一行显示; (2)使行内元素(span)支持宽和高; (3)不设宽或高时,宽和高由内容撑开; (4)如果在该内容上加了浮动,该内容会“飘起来”,会使该内容覆盖在它的下一个内容上;元素添加了浮动之后不会占位置(脱离文档流);文档流是文档中可显示对象在排列时所占用的位置。 (5)如果元素加了浮动:它将脱离文档流,再按照...原创 2018-11-12 22:18:24 · 210 阅读 · 0 评论 -
视频笔记:p/span/inline-block
默认样式重置: *{ margin:0;padding:0; } 盒子离窗体的外边距距离会默认为8px; 清除: body{ margin:0px;} *{margin:0px;padding:0px} 段落标记和标题标记,标题标记默认都有默认外边距距离; 清除: `p,h1,dl,dt{margin:0};` 清除有序列表(ol)和无序列表(ul)的样式: ol,ul{list-style:...原创 2018-11-12 22:02:31 · 204 阅读 · 0 评论 -
视频笔记:margin/background/a
PS技能:切图,修图,测量 在图像上去掉文字:先选择旁边的颜色,复制,粘贴形成新的图层,选择该图层,再选择移动, 再选择键盘上的上下左右键移动或者下载后ctrl+t background详解:一个属性可以有多个属性值; background背景: background-attachment:fixed;背景是否固定; background-color: background-image: url(...原创 2018-11-12 21:54:25 · 312 阅读 · 0 评论 -
读书笔记:HTML秘籍音频与视频
flash适用情况: 1.有许可限制的内容,html5的视频软件没有保护措施, 2.录制视频和音频; 3.自适应视频流; 4.低延迟,高性能音频; 5.动态创建或编辑音频; <audio>--添加音频 属性: muted:一开始就关闭声音; controls包含基本播放控件; preload告诉浏览器如何下载音频: auto(下载整个文件); metadata(...原创 2018-11-01 21:41:41 · 136 阅读 · 0 评论 -
读书笔记:HTML秘籍Web表单
//一个html5的表单 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <header>原创 2018-11-01 21:39:48 · 170 阅读 · 0 评论