CSS文字居中颜色

目录

一、文字排法

1.1语法规则

1.2css引入方式

1.3样式层叠问题

二、字体细节

2.1字体

2.2字体的相关属性

三、字体样式

3.1文本缩进

3.2文本对齐

3.3水平居中

3.4文本修饰

3.5行高


注意属性<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首行空两格

3.2文本对齐

3.3水平居中

3.4文本修饰

3.5行高

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值