南大软院大神养成计划--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>。
                

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

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

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

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

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

南大软院大神养成计划 第一天

和很多人不一样,我在此之前是并没有过接触过任何web设计的编程语言的。可能就是因为这样,当今天看见imooc上的代码时,会有点不太适应。是的,我没想到过,居然可以在浏览器里写程序,这确是打破了我之前的...

南大软院大神养成计划——第九天

今天是南大软院大神养成计划实施的第九天,今天学习的主要内容是DOM探索之基础详解篇的剩余两章内容,最后两章内容主要讲解的是“如何判断节点元素类型”和“继承层次和嵌套规则”。 先讲讲“如何判断节点元素...

南大软院大神养成计划--day17

今天学习的是Servlet路径跳转。 1: 使用相对地址(小例子) : 这里面用的是相对路径访问HelloServlet。 这里面的servlet是工程的包名,HelloServlet是类名,这里注意...

南大软院大神养成计划——第十二天

今天是南大软院大神养成计划实施的第十二天,今天学习的内容是DOM事件探秘部分的最后部分——事件类型。事件类型从来大类来分可以分为鼠标事件和键盘事件。 先说说鼠标事件,鼠标事件可以分为click,ov...

南大软院大神养成计划--第四天JavaScript

今天开始学JavaScript (以下是归纳) JavaScript document.write() 输出内容(相当C语言里的printf) var 变量名 ...

南大软院大神养成计划——第三天

今天是11月18号,离南大软院大神养成计划实施已经过去了三天,在这三天里,我仍然在复习基础教程。今天我学习的课程是“如何用CSS进行网页布局”和“网页布局基础”。两个课程都是讲解CSS的基础部分,内容...

南大软院大神养成计划——第十七天

今天是南大软院大神养成计划实施的第十七天,今天学习的还是jQuery基础 一.jQuery事件与运用 页面加载时触发ready()事件 ready()事件类似于onLoad()事件,但前者只要页面的D...

初试MVVM框架之Vue.js - 列表渲染篇【南大软院大神养成计划】

初试MVVM框架之Vue.js - 列表渲染篇
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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