HTML+CSS 轻松入门之类选择器
类选择器在css样式编码中是最常用到的
语法:
.类选器名称{
css样式代码;
}
注意:
1、英文圆点开头
2、其中类选器名称可以任意起名(但不要起中文噢)
使用方法:
第一步:使用合适的标签把要修饰的内容标记起来
<div>中华民族伟大复兴</div>
第二步:使用class="类选择器名称"为标签设置一个类
<div class="div">中华民族伟大复兴</div>
第三步:设置类选器css样式
.div{
样式
}
实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>类选择器</title> <style type="text/css"> .div{ color:red; font-family:隶书; font-size:18px; } </style> </head> <body> <div class="div">中华民族伟大复兴</div> </body> </html>