南大软院大神养成计划--HTML和CSS基础课程(二)

原创 2015年11月21日 20:26:28

  学习小结

       今天主要学习了关于CSS样式的一些基本知识。CSS全称为“层叠样式表(Cascading Style Sheets)“,它主要用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。使用CSS样式的一个好处就是通过定义某个样式,可以让不同网页未知的文字有着统一的字体,字号或颜色。

     CSS代码语法:css由选择符和声明组成,而声明又由属性和值组成,如:p{color:red;},其中p代表选择符,color代表属性, red代表值,中括号内的代表声明。

       CSS样式:1,内联式:<p style="color:red">这里的文字是红色</p>   2,嵌入式:<style  type="text/css"> span{color:red;}  </stylle>   3,外部式:在<head>标签内,样式在以**.css为文件名的另一个文件里。<link  href="**.css"  rel="stylesheet"  type="text/css"/>,rel="stylesheet" type='text/css"为固定写法不可修改。对于同一个元素同时出现了这三种CSS样式则按优先级显示,优先级:内联式>嵌入式>外部式。但是总的来说还是根据就近原则,哪个样式离设置元素更近就显示哪种样式。

       选择器:每一条CSS样式声明(定义)由两部分组成,如:选择器{样式;},有标签选择器,类选择器,ID选择器,子选择器,后代选择器,通用选择器几种选择器。通用选择器适合整个网页的格式设置,标签选择器适合大段的文本设置,而类选择器和ID选择器比较适合于特别的短语句子。对于不同的元素设置样式相同我们还可以用到分组选择符(,)非常的方便,这样我们就不需要一个一个的去设置了。

        特殊性:如果设置一个元素的CSS样式等级一样,浏览器就会根据样式的权值高低来进行选择,权值高的就会被显示出来。权值规则:标签权值1,类选择符权值10,ID选择权值100。:

       层叠:对于一个元素设置的多个CSS样式权值相同时,文本则会表现为后面的CSS样式。可以对某些样式用!important使它成为最高权值,例如:<style  type="text/css"> p{color:red!important;}   p{color:green;}   </style>  <p>这里的文本显示红色</p>。
                

西南大学网络与继续教育学院课程考试试题卷

西南大学网络与继续教育学院课程考试试题卷   类别: 网教   专业: 计算机科学与技术、计算机教育 2013年 12月 课程名称【编号】:  多媒体技术  【 0165】          T...
  • jaray
  • jaray
  • 2013年11月26日 09:14
  • 13282

大神的ACM训练计划(详细)

看完人家的博客,发现任重道远。。。 一位高手对我的建议: 一般要做到50行以内的程序不用调试、100行以内的二分钟内调试成功.acm主要是考算法的 ,主要时间是花在思考算法上,不是花在写...
  • victordiao
  • victordiao
  • 2016年07月21日 11:36
  • 3933

dw与sublime的区别 --南大软院大神养成计划

学习第一天,学习了dw与sublime,dw是一个可视化的web编辑器。而sublime是一个类似记事本的编辑器。dw的优点就是傻瓜式编程。操作dw就跟操作word等一样。不用牢记代码。并且即操作即可...
  • u013175229
  • u013175229
  • 2015年11月16日 21:47
  • 1057

南大软院大神养成计划--HTML和CSS基础课程

初步了解HTML    准确来说今天是自主学习的第二天,选择了基础的课程html。在今天的学习过程中也感到了计算机语言的优美,个人感觉它还是非常有趣的。简要记录一些今天个人所学和所得。 认识Htm...
  • frosting_sky
  • frosting_sky
  • 2015年11月19日 22:04
  • 197

南大软院大神养成计划——HTML和CSS基础课程(一)

学习小结   今天为学习的第三天,主要学了如何使用表单标签,与用户交互。表单作用:把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。 语法: 讲解:1.标签是成对出现...
  • frosting_sky
  • frosting_sky
  • 2015年11月20日 21:25
  • 198

南大软院大神养成计划--第一天学习HTML+CSS的基础归纳

其实前天晚上注册开始学的,大一网页算辅修课,玩了几下只,现在忘得差不多了,现在有机会把它捡起来了,哈哈!! 从头慢慢看过来,与去年相比,发现老师讲还不如在这个网站自学。老师开课直接跳过基础,发个PP...
  • aa843211112
  • aa843211112
  • 2015年11月16日 21:56
  • 326

南大软院大神养成计划--第二天学习CSS的基础归纳

总算学完了基础,虽然以前学过,但还是认真看完了每一章,加深了各个基本元素的认知程度。 以前做网页作业总喜欢建立一个div标签在css里设置div{display:block; position:abs...
  • aa843211112
  • aa843211112
  • 2015年11月17日 22:40
  • 157

南大软院大神养成计划——html 的简单介绍及一些标签的使用

首先,要想学好web前端,三样工具很重要,html  css  JavaScript  。其中HTML是网页内容的载体,css是内容的表现,JavaScript是用来实现网页的一些特效效果。    ...
  • A_fighting_man
  • A_fighting_man
  • 2015年11月19日 12:57
  • 365

【南大软院大神养成计划:第十天】久违了,JavaScript——入门篇(二)

今天把《JS入门篇》课程完成了,今早取快递路上思考人生时,粗略算了算,前端工程师课程总共700+节,21天学完需要每天完成37节,这样算当然不是很科学,但是也一定程度上体现了学习任务的并不轻松。  ...
  • Sonshines
  • Sonshines
  • 2015年11月25日 23:10
  • 449

【南大软院大神养成计划:第十二天&第十三天】JS,进阶的巨人(二)

忙着最后的数电论文,发现我时间管理地并不好,看起来很忙,但是却没有完成相应耗时应该accomplish的任务,会找出原因并想办法解决这个问题的,不会停止脚步。 因为网慢+CSDN博客服务器这几天的“...
  • Sonshines
  • Sonshines
  • 2015年11月28日 23:20
  • 571
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院大神养成计划--HTML和CSS基础课程(二)
举报原因:
原因补充:

(最多只允许输入30个字)