了解HTML CSS格式化排版 文字排版

这里简单的写一些涉及到字体排版中常用到的属性, 大家可以学习查看, 也可以mark下以后看.

font-family: "Micrsoft Yahei"; 设置字体

font-size: 20px; 设置字号

color: red; 设置颜色

font-weight: bold; 文字加粗

font-style: italic; 文字斜体

text-decoration: underline; 文字下划线

text-decoration: line-through; 文字删除线

text-indent: 2em; 段落缩进

text-align; center; 段落排版居中(左右分别是, left, right)

line-height: 2em; 行间距

letter-spacing: 20px; 字间距(中文)

word-spacing: 50px; 单词间距

时间： 2024-08-21 14:33:31

了解HTML CSS格式化排版 文字排版的相关文章

CSS格式化排版 文字排版

字体排版中常用到的属性: font-family: "Micrsoft Yahei"; 设置字体 font-size: 20px; 设置字号 color: red; 设置颜色 font-weight: bold; 文字加粗 font-style: italic; 文字斜体 text-decoration: underline; 文字下划线 text-decoration: line-through; 文字删除线 text-indent: 2em; 段落缩进 text-align; ce

CSS单位与文字排版 display

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div { height: 100px; width: 1000px; background-color: red; } </style&

CSS格式化排版

前面讲解了CSS的各种规定,具体能应用到哪些方面呢? (一)文字排版 1.字体 我们可以使用css样式为网页中的文字设置字体.字号.颜色等样式属性.下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体. body{font-family:"宋体";}     选择器{font-family:"字体名称"} 这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体.(因为用户是否可以看到你设置的字体样式取决于用

html学习第二天—— 第九、十章——CSS的继承、层叠和特殊性+CSS格式化排版

继承CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代.比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签.p{color:red;} <p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩.</p>可见右侧结果窗口中p中的文本与span中的文本都设置为了红色.但注意有一些css样式是不具有继承

从零开始学习html（十）CSS格式化排版——下

六.文字排版--删除线 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 5 <title>删除样式</title> 6 <style type="text/css"> 7 8 </style&g

简单实用的CSS网页布局中文排版技巧

由于汉字的特殊性,在css网页布局中,中文排版有别于英文排版.排版是一个麻烦的问题,小编认为,作为一个优秀的网页设计师和网页制作人员,掌握一些简单的中文排版技巧是不可或缺的,所以今天特意总结了几个简单实用的技巧,希望对大家有所帮助. 一.如何设定文字字体.颜色.大小等 font-style设定斜体,比如font-style:italic font-weight设定文字粗细,比如font-weight:bold font-size设定文字大小,比如font-size:12px line-heigh

文字排版--字体、字号、颜色、粗体、斜体、下划线、删除线

我们可以使用css样式为网页中的文字设置字体.字号.颜色等样式属性.下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体. body{font-family:"宋体";} 这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体.(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体.)现在一般网页喜欢设置"微软雅黑",如下代码: body{font-family:"Micr

文字排版--字体/--字号、颜色

文字排版--字体 我们可以使用css样式为网页中的文字设置字体.字号.颜色等样式属性.下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体. body{font-family:"宋体";} 这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体.(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体.)现在一般网页喜欢设置“微软雅黑”,如下代码: body{font-family:"Micro

文字排版--粗体

文字排版--粗体 我们还可以使用css样式来改变文字的样式:粗体.斜体.下划线.删除线,可以使用下面代码实现设置文字以粗体样式显示出来. p span{font-weight:bold;} 在这里大家可以看到,如果想为文字设置粗体是有单独的css样式来实现的,再不用为了实现粗体样式而使用h1-h6或strong标签了. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" c