引用css

 测开之路九十三:css之文字样式和段落对齐

 

字体族

测开之路九十三:css之文字样式和段落对齐

测开之路九十三:css之文字样式和段落对齐

 

字体类型和尺寸

测开之路九十三:css之文字样式和段落对齐

测开之路九十三:css之文字样式和段落对齐

 

em:字体按倍数缩放

测开之路九十三:css之文字样式和段落对齐

测开之路九十三:css之文字样式和段落对齐

 

font-weight:调整文字的粗细

测开之路九十三:css之文字样式和段落对齐

测开之路九十三:css之文字样式和段落对齐

 

段落对齐:text-align

左对齐:left

测开之路九十三:css之文字样式和段落对齐

测开之路九十三:css之文字样式和段落对齐

 

右对齐:right

测开之路九十三:css之文字样式和段落对齐

测开之路九十三:css之文字样式和段落对齐

 

居中对齐:center

测开之路九十三:css之文字样式和段落对齐

测开之路九十三:css之文字样式和段落对齐

 

两边对齐,对最后一行无效:justify

测开之路九十三:css之文字样式和段落对齐

测开之路九十三:css之文字样式和段落对齐

 

强制所有行两端对齐:text-align-last: justify

测开之路九十三:css之文字样式和段落对齐

测开之路九十三:css之文字样式和段落对齐

 

/*字体族:font-family*/
body{
/*设置字体,如下设置时浏览器会按顺序查找客户端有的字体,找到哪个就用哪个字体*/
font-family: "微软雅黑","宋体","Times New Roman","黑体";
}

/* 字体类型:font-style、尺寸:font-size*/
p{
font-style: italic;/*类型,斜体*/
font-size: 20px;/*字号*/
}

/*em:在原有字体尺寸下,按比例放大*/
p{
/*em:放大比例,在原字体的基础上放大0.3倍*/
font-size: 0.3em;
}

/*font-weight:调整文字的粗细*/
h1,h2,h3,p {
font-weight: 600;
}


/*段落对齐:text-align*/
/*左对齐:left,右对齐:right,居中对齐:center,两端对齐:justify*/

/*左对齐*/
p { text-align: left; }

/*右对齐*/
p { text-align: right; }

/*居中对齐*/
p { text-align: center; }

/*两端对齐,对最后一行无效*/
p { text-align: justify;}

/*强制所有行两端对齐*/
p { text-align-last: justify; }

 

相关文章:

  • 2021-11-24
  • 2021-11-26
  • 2022-02-17
  • 2021-12-24
  • 2021-12-23
  • 2021-11-25
  • 2022-01-03
猜你喜欢
  • 2022-12-23
  • 2021-05-19
  • 2021-06-19
  • 2022-02-07
  • 2021-06-07
  • 2021-05-27
相关资源
相似解决方案