目录
注意属性<body><p>在css中的属性<p>
一、文字排法
1.1语法规则
p{
/*文字颜色变红色*/
color: red;
/*字变大px:像素*/
font- size: 30px;
/*背景颜色*/
background-color:口green;
/* width height; */
width: 400px ;
height: 400px;
}
*{ }(通配符选择器)可以选择所有标签 (标签里所有字,大小都一样)
1.2css引入方式
外联式:外创一个css
<title>Dacument</title>
<!--关系:样式表-->
<link rel="stylesheet" href="./my.css">
然后来达到字体变红的目的
行内式:
或
<div style="color: green; font-size: 38pX; ">这是:div标签</div>
<style>
red {color: red;}
size {font-size: 66px;}
</ style>
<body>
<!-- 类:定义和使用才能生效-->
<p>111</ p>
<!--一个标签可以使用多个美名,防要空格隔开印可-->
<p class="red size">222</p>
<div class="red">这个标等文字也要变红</div>
</body>
类:取名用英文one tew等,前面加. Class表示属性名 ,对应style的哪个
1.3样式层叠问题
注意:后面的覆盖前面的,字体为蓝色!!!!!!!!!!!
二、字体细节
2.1字体
(normal与400的效果相同,一般用数字)
/*如果用户电脑没有安装微软雅黑,就按黑体显示文字*/
/*如果电脑没有安装黑体,就按任意一种非衬线字体系列显示*/
font-family:微软雅黑,黑体,sans-serif;
2.2字体的相关属性
(绿色的为标签)可以合在一起写
三、字体样式
3.1文本缩进
Text indent : 2em首行空两格