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网站看一下)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,621评论 32 459
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • 很久没写简书了,也不知是最近太忙,还是天气太冷,冻僵了我的码字的手… 在过去,真的会一个人想很多,思绪万千,但现在...
    雪源不懂悲伤阅读 300评论 0 2
  • 妮宝,天虽然很热,每天的运动还是不能少的 第一次玩平衡车,还掌握不好平衡,有点慌,开到快了,一下子跳了下来,反应倒...
    恩企妈妈阅读 179评论 0 0