主要探讨HTML5中CSS(层叠样式表),它是用来对HTML文档外观的表现形式进行排版和格式化。
使用CSS
CSS样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个CSS属性和属性值。
<pstyle="color:redfont-size:50px">这是一段文本</p>
解释:style是行内样式属性。color是颜色属性,red是颜色属性值;font-size是字体大小属性,50px是字体大小属性值。
三种方式
创建CSS样式表有三种方式:1.元素内嵌样式;2.文档内嵌样式;3.外部引入样式。
1.元素内嵌样式
<pstyle="color:redfont-size:50px">这是一段文本</p>
解释:即在当前元素使用style属性的声明方式。
2.文档内嵌样式
<styletype="text/css">
p{
color:blue
font-size:40px
}
</style>
<p>这是一段文本</p>
解释:在<head>元素之间创建<style>元素,通过选择器的方式调用指定的元素并设置相关CSS。
3.外部引用样式
<linkrel="stylesheet"type="text/css"href="style.css">
//style.css
@charset"utf-8"
p{
color:green
font-size:30px
}
解释:很多时候,大量的HTML页面使用了同一个组CSS。那么就可以将这些CSS样式保存在一个单独的.css文件中,然后通过<link>元素去引入它即可。@charset"utf-8"表明设置CSS的字符编码,如果不写默认就是utf-8。曲靖电脑培训http://www.kmbdqn.cn/认为如果有多个.css文件,可以使用@import导入方式引入.css文件。只不过,性能不如多个<link>链接。
CSS字体加粗的方法:
font-weight 属性设置文本的粗细。使用 bold 关键字可以将文本设置为粗体。
例如:
html:
<p>字体加粗</p>
css:
p{
font-weight:blod
}
css中font样式常用的使用方法:
font-style:规定字体样式
font-weight:规定字体粗细
font-family:规定字体系列
两种方法给字体加粗,一种就是直接用<b>标签,例如 : <b>粗</b>
或者用css添加样式 <div style="font-weight: bold">加粗 </div>
可以用的值有下面这些。400 等同于 normal,而 700 等同于 bold。
normal 默认值
bold 定义粗体字符
bolder 定义更粗的字符
lighter 定义更细的字符
100
200
300
400
500
600
700
800
900