CSS基础语法与样式引入1. CSS核心语法规则CSS样式由选择器和声明块两部分构成核心语法格式选择器{属性1:属性值1;属性2:属性值2;/* 多条声明用英文分号分隔最后一条声明分号可省略 */}选择器用于精准选中需要设置样式的HTML元素声明块包裹在{}内由一条或多条「属性: 属性值」的键值对组成属性与属性值之间用英文冒号分隔。例如h1{font-size:20px;color:#00F;}所有的h1标签的内容都遵循以上样式2. 语法规范与注意事项大小写规则选择器严格区分大小写属性和属性值不区分大小写开发中统一使用小写引号规则属性值由多个单词组成且包含空格时必须为属性值添加英文双引号例p{font-family:Microsoft YaHei;}单位规则属性值的数字和单位之间不允许出现空格例font-size:20px;为正确写法20 px会导致浏览器解析失败CSS注释使用/* 注释内容 */格式单行/多行注释通用注释内容不会渲染到页面中常用于代码标注和样式临时禁用。div{color:#B91720;width:800px;/* height:300px;background:red; *//* 上述注释内容不会生效 */}3. 四种样式引入方式引入方式语法格式特点与适用场景内联样式行内样式标签名 style属性:值;属性:值;/标签名仅对当前标签生效优先级最高无法复用样式破坏结构与表现分离不推荐大量使用内部样式表内嵌式head内写style typetext/css样式代码/style仅对当前HTML页面生效代码结构清晰适合单页面样式开发、教学演示引入外部样式文件head内写link relstylesheet typetext/css hrefcss文件路径彻底实现结构与样式分离一个CSS文件可被多个HTML页面复用企业级开发首选导入外部样式文件style内写import url(css文件路径);与link功能类似必须写在style标签内其他样式之前加载性能弱于link开发中少用