CSS基础认识_06
黑马程序员web前端开发入门教程 HTML5+CSS3
2022/1/11
CSS语法规则
引入方式 | 书写位子 | 作用范围 | 使用场景 |
---|---|---|---|
内嵌式 | CSS写在style标签中 | 当前页面 | 小案例 |
外联式 | CSS写在单独的css文件中,通过link标签引入 | 多个页面 | 项目中 |
行内式 | CSS写在标签的style属性中 | 当前标签 | 配合js使用 |
内嵌式:CSS写在style标签中
提示: style标签虽然可以写在页面任意位置,但是通常约定写在 head 标签中
写在哪里:
css写在style标签中,style标签一般写在head标签里面,title标签下面
怎么写:
常见属性:
注意点:
- CSS 标点符号都是英文状态下的
- 每一个样式键值对写完之后,最后需要写分号
外联式:CSS 写在一个单独的.css文件中
提示: 需要通过link标签在网页中引入
怎么写:
my.css
html骨架.html
行内式:CSS 写在标签的style属性中
提示: 之后配合js使用
例子:
<div style="color: green;">这是div标签</div>