精通CSS(5.4为链接目标设置样式)&黑客与画家(2)

来源:互联网 发布:重庆网络运营推广 编辑:程序博客网 时间:2024/05/17 06:49

一.为链接目标设置样式

<!doctype html><html><head><title></title><meta charset='utf-8'><link rel="stylesheet" type="text/css" href=""><style type="text/css">body{font-size: small;}div{width:40em;border:1px solid #fff;margin-bottom: 20px;padding:1em 2em;background-color:teal;}a:link,a:visited{color:#fff;}/*对于多个盒模型使用同一个类,如class="comment",在CSS中,使用伪元素时,两者之间无空格("comment"与":"之间)*/.comment:target{background-color: orange;}</style></head><body><h2>Comments</h2><div class="comment" id="comment1"><h3>Comment #1</h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam facilisis sapien ut ante. Curabitur pretium, risus sed tristique porttitor, nisl urna feugiat sem, quis laoreet velit dui in est. In hac habitasse platea dictumst. In a ligula. Donec dapibus. Praesent eu nulla ut tortor facilisis volutpat. Duis aliquet, elit et aliquam vehicula, est nibh pulvinar magna, non venenatis libero nisi sit amet mauris. Quisque volutpat mi vel dolor. Ut vitae mauris. Mauris felis enim, rhoncus in, feugiat posuere, venenatis ut, lorem.</p><a href="#comment4">comment4</a></div><div class="comment" id="comment2"><h3>Comment #2</h3><p>Nulla facilisi. Nullam nisl libero, pulvinar non, ultricies non, luctus et, dui. Vestibulum elementum metus ut ligula. Donec blandit. Sed a diam. Maecenas accumsan. Suspendisse placerat est sit amet augue. Pellentesque sit amet ante ut velit semper feugiat. Curabitur sed mi in turpis congue congue. In consectetuer bibendum tellus. Phasellus magna. Proin laoreet metus et quam. Proin id ante. Vivamus ipsum justo, pharetra eget, auctor at, aliquet nec, tellus. Ut scelerisque viverra magna. Mauris sit amet nisl in eros porta faucibus.</p><a href="#comment5">comment5</a></div><div class="comment" id="comment3"><h3>Comment #3</h3><p>Praesent odio lacus, malesuada vel, congue sit amet, porttitor quis, nibh. Etiam viverra lacus et dolor. Fusce diam nulla, molestie sit amet, commodo ut, feugiat vitae, ipsum. Ut vehicula posuere odio. Ut elit nunc, laoreet et, lacinia eget, pretium a, tortor. Phasellus consequat lectus. Curabitur fermentum, neque sed feugiat hendrerit, lectus orci molestie orci, ut commodo justo nulla non nisl. Vivamus sed libero. Maecenas quam pede, vulputate sit amet, euismod ut, viverra in, massa. Sed a sem.</p><a href="#comment1">comment1</a></div><div class="comment" id="comment4"><h3>Comment #4</h3><p>Praesent odio lacus, malesuada vel, congue sit amet, porttitor quis, nibh. Etiam viverra lacus et dolor. Fusce diam nulla, molestie sit amet, commodo ut, feugiat vitae, ipsum. Ut vehicula posuere odio. Ut elit nunc, laoreet et, lacinia eget, pretium a, tortor. Phasellus consequat lectus. Curabitur fermentum, neque sed feugiat hendrerit, lectus orci molestie orci, ut commodo justo nulla non nisl. Vivamus sed libero. Maecenas quam pede, vulputate sit amet, euismod ut, viverra in, massa. Sed a sem.</p><a href="#comment2">comment2</a></div><div class="comment" id="comment5"><h3>Comment #5</h3><p>Praesent odio lacus, malesuada vel, congue sit amet, porttitor quis, nibh. Etiam viverra lacus et dolor. Fusce diam nulla, molestie sit amet, commodo ut, feugiat vitae, ipsum. Ut vehicula posuere odio. Ut elit nunc, laoreet et, lacinia eget, pretium a, tortor. Phasellus consequat lectus. Curabitur fermentum, neque sed feugiat hendrerit, lectus orci molestie orci, ut commodo justo nulla non nisl. Vivamus sed libero. Maecenas quam pede, vulputate sit amet, euismod ut, viverra in, massa. Sed a sem.</p><a href="#comment1">comment1</a></div></body></html>

Result:


二.黑客与画家(2)

1.黑客的出发点是原创,最终得到一个优美的结果;科学家的出发点是别人优美的结果,最终是获得原创性。
2.如何学习编程:
①欣赏优秀的源代码。
②预先承认规格设计是不完美的,一边编程一边修改规格。
3.最合适的编程语言:将所想完美得用代码表现出来。动态/符合你的思考方式/简
4.对美、细节的追求:①乔布斯对待机箱中零散的线 ②白嘉轩对土地
5.Debug就像解一道数学题,已知许多约束条件,你只需求出方程的根。
6.从他人的角度思考问题正是成功的关键。“换位思考”并不意味着你要做出自我牺牲。了解别人对于事物的看法,并不代表你要为他的利益服务。某些情况下,比如打仗的时候,了解对手正是为了击败他。
7.程序写出来是给人看的,附带能在机器上运行-----《计算机程序的结构和解释》卷首语
8.在某些地方,自行其道,完全不替读者着想,被看做是高水平、高智商的表现,甚至成了一种风尚。但是,我不觉得“换位思考”与智商之间存在任何联系。在数学和自然科学领域,你不用学习怎么向别人表达自己,也能取得很好的成就。而那些领域的人普遍都很聪明,所以人们自然地把“聪明”和“不懂换位思考”联系在一起。但是,世界上还有许许多多很笨的人,也不懂得“换位思考”。

阅读全文
0 0
原创粉丝点击