写css的细节问题以及搜寻文档问题_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:23:07
原創
884 人瀏覽過

这是我在css控制字体属性所犯的一个错误,可以说是疏忽大意。

题目要求如图:

虽说这题很简单,但是我个人还是做错了,我个人。我先把我之前错误的html代码和正确的css打一遍

错误的1.html

font 
梁山英雄排行榜

宋江

卢员外

吴用



豹子头



大刀关胜

登入後複製

正确的one.css

.s1{ color:gold; font-size:30px;}.s2{ color:red; background-color:silver; font-style:italic;}.s3{ background-color:silver; }.s4{ background-color:silver; /*silver为银灰色*/ font-decoration:underline; /*decoration为修饰,underline为下划线*/ font-style:italic; /*字体样式为斜体*/}
登入後複製

结果与实际大相近庭如图:

我的非常不好的想法:首先我本来注意到

的,但是我先把它放在一边,先写完css再说,当写完css我便忘记了更改html中的

标签了。

后果:我们看到段落之间差距很大,都出现了下划线,我粗略看了下代码还是没发现

琢磨是不是优先级问题,但是走偏了跑题了,改css也不太对,问群里也没什么答案,甚至起类名连着父子选择器都来了,百度也没好结果,我反思了一阵子。

后来:重看一遍html代码发现了

的问题,然后进行了一下总结

究其原因(个人总结):还是并没有将“吴用”“豹子头"给包起来虽然将"大刀关胜包起来"并没有什么用,因为问题的起始标签是从"吴用"这开始的到"大刀关胜"结束,也就是他们三者成了一个共同的整体,而后css的类名不一样就造成了优先级问题的冲突。个人觉得这有点像是内存溢出一样。而后我将"吴用"“豹子头”"大刀关胜"换成将其包起来

font 
梁山英雄排行榜

宋江

卢员外

吴用

豹子头

大刀关胜

登入後複製

结果如图显示正常:

我把这图贴到这,方便观看,还有个练习二我把正确的html代码和遗漏的css也一起写一遍

2.html

链接 a{ color:red; font-size:24px; font-decoration:none;}a:hover{  font-decoration:underline; font-size:40px; color:green;}连接到百度
登入後複製

你想一下代码哪里遗漏了和遗漏的代码是什么写的?最好不用百度或是文档,不要看下面的补充,先想一想比较好,我把我的经验和想法分享一下吧:我自己遗漏的我也百度了词条"css能定义字体的属性",但是我事后一想css文档手册有的东西为什么百度呢?这样就显得自己很不专业。

完整的补充:

如图:

注:记得再次打开html此链接时,先清除浏览器缓存,不然效果和灰色的连接到百度一样的,刷新也没用。

个人归纳总结:遇到问题首先想的并不是解决问题,而是不要慌,不要马上去百度和问群里,即使解决了印象也不深,以后估计还是这样,那就不好了;我还是建议多看文档信息,先定位大致的位置然后再一个一个去查询。然后考虑它错误效果和报错因素,再仔细看一遍代码发现有遗漏和错误没有,要有逻辑性的思考问题;然后再解决问题。之后再总结一下,加强印象。

ps:

个人认为吧:百度是最好的答案,同时也是最差的,它少了自己思考的过程和只想一味的索取,最新的技术,是很少能够百度到的,百度也不是万能的,而万能的正是自己。

虽然我不是个编程大神,经过我的学习我认为是这样理解的:帮助人解决问题,还不如让他思考和分析问题的思路,知其然也所以然,授人以鱼不如授人以渔。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!