提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
无序言,本文开门见山,直接讲解
CSS虽然入门简单,但深究其原理并不容易,大家很容易在搭建项目的过程中因为不熟悉各种css样式属性之间的关系以及优先级而出现各种各样的bug。所以本篇文章将总结css里各种容易忽视的细节点和样式冲突之间的bug以及介绍在项目布局上的一些热门属性等,坚持下去,加油!
提示:以下是本篇文章正文内容,下面案例可供参考
一、CSS基础语法
1.样式定义方式
行内样式表(inline style sheet)
直接定义在标签的style
属性中。
- 作用范围:仅对当前标签产生影响。
例如:
<img src="/images/mountain.jpg" alt="" style="width: 300px; height: 200px;">
内部样式表(internal style sheet)
定义在style
标签中,通过选择器影响对应的标签。
- 作用范围:可以对同一个页面中的多个元素产生影响。
外部样式表(external style sheet)
定义在css样式文件中,通过选择器影响对应的标签。可以用link
标签引入某些页面。
- 作用范围:可以对多个页面产生影响。
注释
注意不能使用//
只有:
/* 注释 */