HTML
关注
分享
扫一扫
布吉
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML秘籍
第二章 构造网页的新方式语义元素<article> 包含一个完整的，自成一体的内容块即类似新闻报道，论坛帖子或博客文章（不包括评论或作者简介）等能够独立的内容区块；<aside>表示独立于周围内容的一个完整的内容块，例如：可以用<aside>创建一个附注栏，其中包含与主文章相关的内容或链接；<figure>表示一幅插图，其中内容包括图片&l...原创 2018-10-20 20:41:45 · 185 阅读 · 0 评论 -
读书笔记：HTML &CSS设计与构建网站
HTML部分： 1.在同一个网页由当前位置跳转到指定位置，实现：在指定位置的标签设置id(或者设置name)，再在当前位置的链接的href属性设置为”#id”(或者”#name”);如果是跳转到其他页面指定位置,则将当前的href属性设置为”文件名#id”（或者”地址/#id”);2.如何设置表格表头不随浏览器滚动条滚动；如何在输入框前面加入图标； 如何组合表单元素控制外边框的长度和高度；...原创 2018-09-12 21:02:35 · 1398 阅读 · 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 · 269 阅读 · 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 · 191 阅读 · 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 · 339 阅读 · 0 评论 -
04：CSS设置文本样式
1.文本中大小写字母转换—text-transform 属性值： uppercase;(全部大写) lowercase;（全部小写） capitalize；（在所有小写单词中，首字母大写）p{ text-transform:uppercase;}2.文本居中——text-align 属性值： center;(居中) ...原创 2018-08-12 21:27:42 · 284 阅读 · 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 · 278 阅读 · 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 · 167 阅读 · 0 评论 -
视频笔记：定位
元素如果没有脱离标准文档流，在设置margin-top（可为负值）时，元素下面的元素也会移动；相对定位(position:relative;)1.不影响元素本身的特性；2.不会让元素脱离标准文档流；3.如果不设置偏移量，对元素没有任何影响；4.定位元素方向控制：top/bottom/left/right;5.相对定位是相对于自己最开始的位置（相对于自己）进行了偏移；6.偏移量可正可...原创 2018-11-23 19:16:18 · 425 阅读 · 0 评论 -
视频笔记：表格/表单
//表格<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table> <c原创 2018-11-23 19:14:14 · 172 阅读 · 0 评论 -
读书笔记：基本Canvas绘图
js书：javaScript&JQuery:TheMissing ManualCanvas:https://www.cnblogs.com/boliang/p/4773206.htmlcanvas模板<!DOCTYPE html ><html lang="en" ><head ><meta http-equiv="Content-Typ...原创 2018-11-07 17:56:28 · 230 阅读 · 0 评论 -
视频笔记：浮动
1.浮动（float：left/right/none;）的原理(1)使块级元素在同一行显示；(2)使行内元素（span）支持宽和高；(3)不设宽或高时，宽和高由内容撑开；(4)如果在该内容上加了浮动，该内容会“飘起来”，会使该内容覆盖在它的下一个内容上；元素添加了浮动之后不会占位置（脱离文档流）；文档流是文档中可显示对象在排列时所占用的位置。（5）如果元素加了浮动：它将脱离文档流，再按照...原创 2018-11-12 22:18:24 · 255 阅读 · 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 · 248 阅读 · 0 评论 -
视频笔记:margin/background/a
PS技能：切图，修图，测量在图像上去掉文字:先选择旁边的颜色，复制，粘贴形成新的图层，选择该图层，再选择移动，再选择键盘上的上下左右键移动或者下载后ctrl+tbackground详解：一个属性可以有多个属性值；background背景：background-attachment:fixed;背景是否固定；background-color：background-image: url(...原创 2018-11-12 21:54:25 · 367 阅读 · 0 评论 -
读书笔记：HTML秘籍音频与视频
flash适用情况：1.有许可限制的内容，html5的视频软件没有保护措施，2.录制视频和音频；3.自适应视频流；4.低延迟，高性能音频；5.动态创建或编辑音频；<audio>--添加音频属性：muted:一开始就关闭声音；controls包含基本播放控件；preload告诉浏览器如何下载音频: auto(下载整个文件)； metadata(...原创 2018-11-01 21:41:41 · 187 阅读 · 0 评论 -
读书笔记：HTML秘籍Web表单
//一个html5的表单<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <header>原创 2018-11-01 21:39:48 · 219 阅读 · 0 评论