章节七、CSS样式基本知识

内联式CSS样式
嵌入式CSS样式
外部式CSS样式(外联式)
<link href="base.css" rel="stylesheet" type="text/css" />

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内

注意:
1、css样式文件名称以有意义的英文字母命名,如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。

这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式
其实总结来说,就是--就近原则(离被设置元素越近优先级别越高)。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,180评论 1 92
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...
    百作不死的学习阅读 1,346评论 0 7
  • 1.认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义H...
    静默丶阅读 5,968评论 30 95
  • 最近累成了狗,乖乖也没有特别恶魔,工作也没有特别忙,但是还是感觉很累。 周末的天很不好,不能室外活动,室内也很不好...
    大雨不愁阅读 176评论 0 0
  • 昨天上课,老师把全班分成五个小组,每个组讨论每人刚完成的个人专题论文,交换意见,进行交流。正房大家抱着颗高昂学习态...
    易熹阅读 468评论 1 0

友情链接更多精彩内容