用脑袋行走的人

2019年12月3日

摘要：使用 :first-child 伪类来选择作为某个元素的第一个子元素。这个特定伪类很容易遭到误解，所以有必要举例来说明。考虑以下标记：如下： html: <div> <p>These are the necessary steps:</p> <p>Do <em>not</em> push the 阅读全文

posted @ 2019-12-03 13:22 用脑袋行走的人阅读(730) 评论(0) 推荐(0) 编辑

CSS链接使用伪类的顺序

摘要：顺序为：link-visited-hover-active a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:a 阅读全文

posted @ 2019-12-03 12:56 用脑袋行走的人阅读(451) 评论(0) 推荐(0) 编辑

CSS行内框（内联元素）

摘要：行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是，垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框（Line Box），行框的高度总是足以容纳它包含的所有行内框。不过，设置行高可以增加这个框的高度。示例如下： <p>这是一个段落</p> <p><s 阅读全文

posted @ 2019-12-03 11:33 用脑袋行走的人阅读(490) 评论(0) 推荐(0) 编辑

2019年12月2日

CSS利用border绘制图形

摘要：绘制梯形 width:10px; border-top:10px solid red; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:10px solid transpar 阅读全文

posted @ 2019-12-02 23:46 用脑袋行走的人阅读(489) 评论(0) 推荐(0) 编辑

HTML创建链接框

摘要：使用CSS样式创建一个漂亮的链接框吧 <!DOCTYPE html> <html> <head> <style> a:link,a:visited { display:block; font-weight:bold; font-size:14px; font-family:Verdana, Aria 阅读全文

posted @ 2019-12-02 22:56 用脑袋行走的人阅读(353) 评论(0) 推荐(0) 编辑

CSS实现单行文本溢出显示省略号

摘要： p { width:100px;//设定宽度 //以下三个属性设置均必不可少 white-space: nowrap; text-overflow:ellipsis; overflow:hidden; } css样式设置如上阅读全文

posted @ 2019-12-02 22:23 用脑袋行走的人阅读(145) 评论(0) 推荐(0) 编辑

HTML5中的Web Worker

摘要：什么是 Web Worker？当在 HTML 页面中执行脚本时，页面是不可响应的，直到脚本已完成。 Web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 运行在后台。为了让后阅读全文

posted @ 2019-12-02 21:20 用脑袋行走的人阅读(377) 评论(0) 推荐(0) 编辑

HTML拖放元素

摘要：实现来回拖放图片 <!DOCTYPE HTML> <html> <title>来回拖放元素</title> <meta charset="utf-8"> <head> <style type="text/css"> #div1 {width:198px; height:200px;padding:1 阅读全文

posted @ 2019-12-02 16:28 用脑袋行走的人阅读(173) 评论(0) 推荐(0) 编辑

Canvas和SVG的比较

摘要： Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。 SVG SVG 是一种使用 XML 描述 2D 图形的语言。 SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制阅读全文

posted @ 2019-12-02 14:41 用脑袋行走的人阅读(408) 评论(0) 推荐(0) 编辑

2019年12月1日

HTML使用框架跳转到指定的节

摘要：内容区（links.html） <html> <body> <h2>Chapter 1</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 2</h2> <p>This chapter explains ba bla bla</p> <h 阅读全文

posted @ 2019-12-01 21:01 用脑袋行走的人阅读(436) 评论(0) 推荐(0) 编辑

用脑袋行走的人

公告