这是土盐的第171篇原创文章
1
大家好，我是土盐。
昨天继续补前端基础，把菜鸟教程的CSS教程过了一遍。
越看越感觉，程序员不懂前端，真是吃大亏了。
这世界上用的最多的软件是什么？
浏览器。
浏览器包含的最多的代码是什么？
html+css+javascript。
我补了html和css基础，下一步就是进阶的javascript了。
2
平时工作中接触qml很频繁，qml可以用javascript作后端。
因此，我学前端是空中楼阁开始的，再往下打基础。
这有点像土木工程的逆向工程，地下和地上同时开工。
好在自己熬过来了，靠的就是加班。
靠着一点方法论，认定复制粘贴调试为主，绝不自己造轮子。
所幸熬了两年多了，还在岗位上坚守，也是运气好。
学html+css+javascript这三门技术，还有个原因。
网页的源码都是开放的，右键可以直接查看网页源代码。
这意味着，能力的边疆被无限放大了。
可以光明正大的复制粘贴，妥妥的从入门到放肆的技术。
3
我也做了一点技术笔记：
IE9 以下版本浏览器兼容HTML5的方法：
使用本站的静态资源的html5shiv包
<!--[if lt IE 9]> <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]-->
载入后，初始化新标签的CSS：
/*html5*/ article,aside,dialog,footer,header,section,nav,figure,menu{display:block}
实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>渲染 HTML5</title>
<!--[if lt IE 9]>
<script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]
-->
</head>
<body>
<h1>我的第一篇文章</h1>
<article> 菜鸟教程 —— 学的不仅是技术，更是梦想！！！</article>
</body>
</html>
html5shiv.js 引用代码必须放在 <head> 元素中，因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。
italic 和 oblique 的区别
一种字体有粗体、斜体、下划线、删除线等诸多属性。
但是并不是所有字体都做了这些，一些不常用的字体，或许就只有个正常体，如果你用 italic，就没有效果了~
这时候你就要用 oblique，可以理解成 italic 是使用文字的斜体，oblique 是让没有斜体属性的文字倾斜！
另 CSS2.0 上边的解释你参考下：italic 和 oblique 都是向右倾斜的文字, 但区别在于 italic 是指斜体字，而 oblique 是倾斜的文字，对于没有斜体的字体应该使用 oblique 属性值来实现倾斜的文字效果。
链接样式的顺序记忆：
L(link)OV(visited)E and H(hover)A(active)TE
上下左右位置属性：
border-style：属性1，属性2，属性3，属性4
上->右->下->左
border-style：属性1，属性2，属性3
上->左右->下
border-style：属性1，属性2
上下->左右
border-style：属性1
上下左右属性相同
CSS 属性选择器 ~=, |=, ^=, $=, *= 的区别
先上总结:
"value 是完整单词" 类型的比较符号: ~=, |=
"拼接字符串" 类型的比较符号: *=, ^=, $=
1.attribute 属性中包含 value:
[attribute~=value] 属性中包含独立的单词为 value，例如：
[title~=flower] --> <img src="/i/eg_tulip.jpg" title="tulip flower" />
[attribute*=value] 属性中做字符串拆分，只要能拆出来 value 这个词就行，例如：
[title*=flower] --> <img src="/i/eg_tulip.jpg" title="ffffflowerrrrrr" />
2.attribute 属性以 value 开头:
[attribute|=value] 属性中必须是完整且唯一的单词，或者以 - 分隔开：，例如：
[lang|=en] --> <p lang="en"> <p lang="en-us">
[attribute^=value] 属性的前几个字母是 value 就可以，例如：
[lang^=en] --> <p lang="ennn">
3.attribute 属性以 value 结尾:
[attribute$=value] 属性的后几个字母是 value 就可以，例如：
a[src$=".pdf"]
嵌入百度地图的网页制作
.markerd p和p.marked的区别
滚动条的宽度限制
--End--
