HTML中-CSS

CSS

css:层叠样式表

网站分层为:   1:结构层:(html结构)

                      2 :表现层:(css网站样式)

                       3:行为层:(js和网站的交)互

在html中,css主要的功能是设置网站的样式,让网站看起来更加规范,整洁.

CSS的使用方法

css的引用方法常用的有3种,行内样式,内部样式,外部样式.

1:行内样式:写在标签内(不推荐使用)

2:内部样式:写在head内   用法:在head里写style

3:外部样式:在head内写link标签引入(开发中常用)

3种方法的优先级:原则上1>2>3,实际上按就近原则.

CSS的选择器

css常用的选择器有5种,标签名选择器,id选择器,类名选择器,群组选择器,后代选择器

1:标签名选择器:比如a标签 body

2:id选择器:例:#test

3:类名选择器:(class=”nav”时,选择他时写.nav)

4:群组选择器:(同级标签中间用逗号隔开)

5:后代选择器:(父子关系用空格隔开)

[多种选择器可以组合使用,例:.nav #test,span:{width:100px}      ]

在选择用什么选择器时,要考虑一下优先级关系,在做网页时,经常会有选择器错误问题,导致很多功能不能实现,这时候就要求我们对选择器命名规范.(不知道怎么命名的可以去W3C网站看一下)

    原文作者:回忆丶阑珊
    原文地址: https://www.jianshu.com/p/60bb60c745ea
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞