CSS
CSS概念:用于定义HTML的样式(解释:给写的HTML添加样式,例如:文字大小,背景颜色,图片大小等样式)
Cascading style sheets:层叠样式表
页面表现的基础,可以控制布局,控制元素的渲染
如何将CSS引用到HTML中?
方法一:使用外部样式表link:(CSS代码在一个独立的文件中HTML通过link元素引入到页面)
1.实现了内容结构和表现形式代码分离,方便复用和维护
2.使HTML代码更加纯净,有利于程序员和搜索引擎的阅读
3.是开发页面的常见做法
方法二:使用内部样式表style: (CSS代码写在HTML文件中)
1.style标签放在head里
2.没有了样式表文件,有时可提示效率
3.多个页面难以共享样式,不利于复用
4.HTML和CSS代码混杂,不利于程序员和搜索引擎的阅读
5.在某些对效率苛刻或测试场景下使用
方法三:内联样式表style: (作为属性写在起始标签内)
1.没有了样式表文件,有时可提示效率
2.多个页面难以共享样式,不利于复用
3.HTML和CSS代码混杂,不利于程序员和搜索引擎的阅读
4.js使用行内样式
5.测试场景下可使用
CSS注释
书写格式/注释内容/
注释作用:给开发者维护者看(告诉开发者/维护者接下来代码的功能)