学习小结

今天主要学习了关于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基础课程（二）相关推荐

南大软院大神养成计划
我一开始学习前端时,是通过看菜鸟教程,后来觉得效果没有很好,通过询问一些前端大神,得知可以去慕课网学习更好,因为菜鸟教程没有让你实践的地方,而慕课网有视频,有通过编写代码到下一节这一环节让你实践的地方 ...
南大软院大神养成计划--CSS网页布局
学习小结今天主要学习了CSS样式设置小技巧和CSS网页布局. 网页主要元素是图片和文字,网页的基本布局就是CSS样式将块与块不同的摆放.对一些元素设置它的水平位置,垂直位置,最终达到目的. 比如说水 ...
昌大软院大神养成计划之网页设计之路第八天
完成"互动窗口"编程挑战作业并看到效果后整个人都不好了.菜鸟的喔在看了几篇其他同学写的代码后尝试着从头到尾编辑,好生疏,编辑好一条要好好想想下一步是什么,写十几行代码花了将近半个小 ...
考研 | 一战南大软院险进复试后失利被刷，调剂国科大杭高院荣幸上岸
从2020年7月23日暑假正式进入考研复习状态至2021年4月12日接到国科大杭高院录取通知,这场长达8个月的考研"初试+复试"的拉锯战终于告一段落,目前也或多或少和导师以及学长学 ...
2020北航，南大软院，计算所夏令营，北邮，西交人机所预推免记录
#2020北航,南大软院,计算所夏令营,北邮,西交人机所预推免记录北航夏令营流程大致情况北航夏令营一共就两天,节奏非常的快.有大约600个人入营,最后170人左右优营.600个人里,应该还有不少 ...
2021年计算机保研经历：人大信院、南大软院、华师数据院、厦大软件、湖大信院【7000字详细介绍】
今年准备保研期间,我在网上看了许多保研经验贴,受益匪浅. 如今尘埃落定,那么我也将自身经历详细写出,希望对学弟学妹们能有所帮助.(如果觉得有用就点个赞吧~) 我最后去人大信院了,欢迎今年保研人大的同学 ...
22考研专业课136总分370双非调剂吉大软院非全经验分享
引用阿甘正传里的一句话--Life was like a box of chocolates, you never know what you're going to get. 生活就像一盒巧克力,结 ...
【推免】保研记（东华计院+吉大软院+东北计院+东南计院+浙大软院+川大计院+上科信院）
写在前面在我看来,保研是一场运气与实力交织的游戏,也是一个不断审视自己,优化自己的过程.存在即合理,人生中每种经历都有其意义,保研的过程或使我们成为更好的自己. 以下将从时间顺序记录一下我的保研经历 ...
南大软院二十一天成神计划
今天学的不多,所以借这次机会复习了一下表单,在昨天的导航栏的基础上增加了一点简单的内容,当做练习巩固. <style type="text/css"> body{ ba ...

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

学习小结

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

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

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

南大软院大神养成计划--HTML和CSS基础课程（二）相关推荐

最新文章

热门文章