关闭

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

229人阅读 评论(0) 收藏 举报

  学习小结

       今天主要学习了关于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>。
                

0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1097次
    • 积分:77
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档