当前位置:Gxlcms > html代码 > 写css的细节问题以及搜寻文档问题_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:16人阅读

这是我在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文档手册有的东西为什么百度呢?这样就显得自己很不专业。

完整的补充:

链接           a{    color:red;    font-size:24px;    font-family:"华文新魏";    font-decoration:none;}a:hover{                      font-decoration:underline;   font-size:40px;   color:green;   font-famliy:"宋体";}a:visited{color:gray;}连接到百度

如图:

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

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

ps:

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

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

人气教程排行