用脑袋行走的人

2019年12月3日

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

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

CSS行内框（内联元素）

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

posted @ 2019-12-03 11:33 用脑袋行走的人阅读(550) 评论(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 用脑袋行走的人阅读(512) 评论(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 用脑袋行走的人阅读(382) 评论(0) 推荐(0)

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

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

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

HTML5中的Web Worker

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

posted @ 2019-12-02 21:20 用脑袋行走的人阅读(398) 评论(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 用脑袋行走的人阅读(188) 评论(0) 推荐(0)

Canvas和SVG的比较

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

posted @ 2019-12-02 14:41 用脑袋行走的人阅读(430) 评论(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 用脑袋行走的人阅读(454) 评论(0) 推荐(0)

HTML导航框架实现

摘要：导航栏界面（html_contents.html） <!DOCTYPE html> <html> <head> <meta charset=” utf-8” > <title>框架列表</title> </head> <body> <ul> <li><a href="frame_a.html" ta 阅读全文

posted @ 2019-12-01 20:27 用脑袋行走的人阅读(1585) 评论(0) 推荐(0)

用脑袋行走的人

公告