1.4 CSS基本用法
来源:网络作者:站长
css样式代码必须保存在.css类型的文本文件中,或者放在网页内<style>标签中,或者插在网页标签的style属性值中。
一、行内样式
直接放在标签的style属性中
示例:
<p style="color:red;">字体颜色为红色</p> <div style="border:blue 1px solid;width:100px; height:100px">这是一个加了蓝色边框的正方形</div>
二、内部样式
把样式代码放在<style></style>标签内
示例:
<style> body{ font-size:12px; color:#333; } /*段落文本P标签的基础属性*/ p{ color:red } </style>
内部样式一般放在网页的头部区域<head></head>,目的是让css代码先下载并解析,避免当网页下载后,由于没用css样式渲染使页面无法正常显示。
三、外部样式
保存在.css类型的文件中
把样式代码保存到单独的.css类型文件中,使用<link>标签导入,这是网站中常用的方式。
<link href="base.css" rel="stylesheet">
样式优先级
行内样式>内部样式>外部样式
你觉得文章内容怎么样