css文字与文本

最新推荐文章于 2023-12-20 15:09:02 发布
最新推荐文章于 2023-12-20 15:09:02 发布
阅读量170 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuanjin1988/article/details/42708125
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
	<head>
		<title>CSS文本与文字</title>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	</head>
	<style type = "text/css">
		
		p
		{	
			
		}
		img
		{
			vertical-align:-30px;
		}
		
	
	</style>
	<body>
	  <!-- in英寸 -->
	  <!-- cm公分 -->
	  <!-- mm公里 -->
	  <!-- cm以目前字体高度为单位 -->
	  <!-- ex以小写字母高度为单位(大部分不支持) -->
	  <!-- pt 1pt/72英寸 -->
	  <!-- pc 1pc/12pt -->
	  <!-- px 像素(推荐使用) -->
	  
	  <!-- 颜色单位:  说明 -->
	  <!-- 十六禁止   如:color :#ff0000 -->
	  <!-- 颜色名称   如:color : red -->
	  <!-- 三原色单位 如:rgb(255,0,0)-->
	  
	  
	  
	  <!-- css文字属性 -->
	  <!-- ********************************* -->
	  <!-- font-style:italic;          文字倾斜 -->
	  <!-- font-style:normal;          正常显示 -->
	   
	  <!-- font-variant:normal;        正常显示 -->
	  <!-- font-variant:small-caps     将英文小写字母转换成大写的小写字母 -->
	  
	  <!-- font-weight:normal;         正常显示 -->
	  <!-- font-weight:bold;           粗体 -->
	  
	  <!-- font-size:像素;             字体大小(绝对) -->
	  <!-- font-size:百分比;           字体大小(相对) -->
	  <!-- 常用14/12px-->
	  
	  <!-- font-family:字体名称        设置字体名称 -->
	  <!-- 字体设置简写 有顺序 font:bold 50px 楷体_GB2312 ; 不建议使用-->
	  
	  <!-- css文本属性 -->
	  <!-- color:十六进制               颜色 -->
	  <!-- color:英文名称               颜色 -->
	  <!-- color:三原色单位             颜色 -->
	  
 	  <!-- letter-spacing:normal       正常显示 -->
	  <!-- letter-spacing:长度         文本间隔 -->
	  
	  <!-- word-spacing:normal         正常显示 -->
	  <!-- word-spacing:数字           单词间隔 -->
	  
	  <!-- white-space:normal          文本自动处理换号 -->
	  <!-- white-space:pre             换号和空白受保护 -->
	  <!-- white-space:nowrap          强制在同一行显示 -->
	  <!-- 遇到<br /> 否则不会强制换行 -->
	  
	  <!-- text-align:left             文字靠左 -->
	  <!-- text-align:right            文字靠右 -->
	  <!-- text-align:center           文字靠中 -->
	  
	  <!-- text-decoration:none         正常显示 -->
	  <!-- text-decoration:underline    加下划线 -->
	  <!-- text-decoration:overline     加顶线 -->
	  <!-- text-decoration:line-through 加删除线 -->
	  
	  <!-- text-indent:长度            首行缩进 -->
	  <!-- text-indent:百分比          同上     -->
	  
	  <!-- line-height:像素            行高 -->
	  <!-- line-height:数字/百分比     行高 -->
	  
	  <!-- text-transform:none         正常显示可以包含大、小写字符 -->
	  <!-- text-transform:capitalize   字符串第一个字符大写 -->
	  <!-- text-transform:uppercase    设置大写字符 -->
	  <!-- text-transform:lowercase    设置小写字符 -->
	  
	  <!-- vertical-align:sub          设置文字为下标 -->
	  <!-- vertical-align:super        设置文字为上标 -->
	  <!-- vertical-align:top          元件往上端靠齐 -->
	  <!-- vertical-align:middle       设置文字是在中线位置 -->
	  <!-- vertical-align:bottom       元件往下端靠齐 -->
	  <!-- vertical-align:text-bottom  文字往下端靠齐 -->
	  <!-- vertical-align:text-top     文字往上端靠齐 用这个两个比较好 -->
	  <!-- vartical-align:length(数字) 调整文字与元件的位置 -->
	  
	  <p>
		<img src = "4.jpg" />PHP100.com中文网
	  </p>
	</body>
</html>

「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css文字、文本样式
拾Miss~博客
03-18 755
目录 文字样式: 字体（font-family） 文字大小（font-size） 文字颜色（color） 文字粗细（font-weight） 文字斜体（font-style） 字体变形（font-variant） 文本样式属性: 水平对齐方式（text-align） 垂直对齐方式（vertical-align） 行高（line-height） 其他文本样式属性 *** ...
css文字控制与css文本样式示例和属性
09-25
3. font-family：该属性用于设置文字字体。可以指定多个字体，中间用逗号分隔，浏览器会根据列表顺序选择可用的字体。例如，font-family: '宋体', Arial; 表示首选字体为宋体，如果没有则选择Arial字体。 4. line-...
CSS3——文字与文本
One of thre_tigers的博客
01-11 320
在CSS3中对于文字和文本的处理添加了许多新的效果，比如说对于文本添加了阴影效果text-shadow，word-wrap换行的效果，而在之前我们只能通过JS来设置。 1. text-shadow text-shadow属性给文本设置阴影，与前面提到的box-shadow属性设置方法类似 设置方法为： text-shadow：水平偏移量x，垂直偏移量y，模糊范围（阴影大小），颜色 <!DOC...
CSS文字文本样式
weixin_39326721的博客
03-11 245
font字体 font-size:字体大小 作用：用于设置字体字号 p {font-size:18px;} 文字大小基本都是用px的，其他单位比较少用到 谷歌浏览器默认的文字大小为16px 但是不同的浏览器可能默认的字号是不一致的，所以我们一般在头部给一个默认值body {font-size:16px;} 字体的单位 可以使用相对长度单位，也可以使用绝对长度单位 相对...
【web前端开发】CSS文字和文本样式
云泽野の编程日记
03-14 4185
本篇文章主要讲解CSS中的文字和文本样式及一些实用技巧.文章最后有思维导图.
CSS字体与文本属性
weixin_73239668的博客
05-06 697
属性表示注意点font-size字号我们通常用的单位是px像素，一定要跟上单位字体实际工作中按照团队约定来写字体字体粗细记住加粗是700或者bold ，不加粗是normal或者400 记住数字不要跟单位font-style字体样式记住倾斜是italic 不倾斜是normal 工作中最常用normalfont字体连写1、字体连写是有顺序的，不能随意换位置 2、其中字号和字体必须同时出现属性表示注意点color文本颜色我们通常用十六进制text-align。
CSS：字体和文本样式
盒马的博客
12-20 1806
讲解CSS中，文本与字体相关的属性
CSS 字体文本样式
热门推荐
xiangxiongfly
05-17 1万+
W3C（Web标准制定者）对vertical-align属性的定义是极其复杂的，其中有一项是“vertical-align属性定义周围的行内元素或文本相对于该元素的垂直方式”。可以设置h1元素的长宽与LOGO图片的长宽一样，然后定义h1的背景图片（background-image）为LOGO图片。vertical-align属性对inline元素、inline-block元素、table-cell有效，对block元素无效。x-offset参数：阴影水平偏移距离，单位可以是px、em、百分比。
CSS文本字体与背景样式
qq_48051316的博客
06-05 747
CSS文本字体与背景样式
CSS字体属性与文本属性详解
月光晒了很凉快的博客
03-11 1353
文章目录1. CSS字体属性1.1 字体系列1.2 字体大小1.3 字体粗细1.4 字体样式1.5 字体复合属性1.6 字体属性总结2. CSS文本属性2.1 文本颜色2.2 对齐文本2.3 装饰文本2.4 文本缩进2.5 行间距2.6 文本属性总结 1. CSS字体属性 CSS Fonts (字体)属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。 1.1 字体系列 CSS 使用font-family属性定义文本的字体系列。 使用多个字体时，各种字体之间必须使用英文状态下的逗号隔开（使用多个字
CSS字体与文本属性（让单行文本垂直居中）
Hengistchan的博客
10-20 1150
CSS字体属性 CSS Fonts (字体)属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。 字体系列 CSS 使用 font-family 属性定义文本的字体系列。 如： p { font-family:"微软雅黑";} div {font-family: Arial,"Microsoft Yahei", "微软雅黑";} 各种字体之间必须使用英文状态下的逗号隔开 一般情况下,如果有空格隔开的多个单词组成的字体,加引号. 尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示
CSS：CSS文本与字体样式教程.docx
最新发布
08-27
CSS：CSS文本与字体样式教程.docx
CSS 美化段落文本之首字下沉
10-30
使用`padding`属性则可以调整首字母与上边和右边的距离，使得首字能够与段落文本的第一行对齐。 需要注意的是，CSS中的`em`单位代表元素的字体高度。使用`em`单位而不是`px`像素单位，可以更好地适应不同用户的需求...
css中margin、padding属性用法
12-23 522
样式单边距margin使你能够在网页上的元素的矩形区域外部添加空隙。需要记住的 是,margin属性处理的是元素外面的间距。 以下是设置边距的样式属性 margin-top:设置上边距 margin-right:设置右边距 margin-bottom:设置下边距 margin-left:设置左边距 margin:在一个属性中设置上、右、下、左边距。 希望每个周围边距为15个像素，可
css构造超链接
01-16 302
css构造超链接 a { /*IE6 IE7不显示下划虚线*/ text-decoration:none; color:red; border-bottom:1px dashed #333; display:block; width:140px; line-height:150%;
css区块、浮动、定位、溢出、滚动条
01-14 258
CSS div { background:red; width:200px; height:100px; overflow:auto; scrollbar-face-color :pink; }
css边框与边界
01-14 238
CSS边框与边界 img { border:dashed 1px green; } <!-- 可依序设置上、右、下、左线颜色 border-color:red 四边均为红色 border-color:red green 上下为红色、左右为绿色 border-col
css定义选择器
01-15 230
定义选择器 #title { color:red; } PHP100.COM中文网 定义选择器 /*只适合title的h2标题*/ p#title { color:blue; } h2#ti
css构造表格
01-16 218
css构造表格 table { /* border-collapse:separate|collapse 设置或检索表格的行和单元格的边是否合并在一起 还是按照标准的HTML样式分开。 separate : 默认值。边框独立(标准HTML) collapse : 相邻边被合并
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值