HTML-Css文字排版--字体--段落

最新推荐文章于 2024-08-21 16:13:13 发布
最新推荐文章于 2024-08-21 16:13:13 发布
阅读量3.2k 收藏 12
点赞数 1
分类专栏： 前端设计基础知识 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32938957/article/details/79943058
版权 

font-family：字体的类型

现在一般网页喜欢设置“微软雅黑”，如下代码：

body{font-family:"Microsoft Yahei";}

字体大小、颜色
font-size、color
body{font-size:12px;color:#666}
 

文字的样式：粗体、斜体、下划线、删除线、缩进、行高、字间距、文本对齐
 

 

font-weight:bold;             加粗
 

font-style:italic;            斜体
 

 

text-decoration:underline;    下划线
 

text-decoration:line-through;  删除线
 

 

text-indent:2em;                缩进
 

line-height:2em;                行高

 

letter-spacing:20px;            字间距
 

text-align:center;               文本对齐

 

 


                

        

        

    

  


    

      

        

            

              
                
                  qq_32938957
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
文字 排版 软件 html word

				
			

			

				

					03-03
				

			

		

		

			
				
可以对一段文字进行排版 html word

			
		

	



                

              
                



	

		

			

				
					
CSS——段落排版

				
			

			

				

					闻曦的博客
				

				

					05-07
					
					1677
					
				

			

		

		

			
				
缩进:



p{text-indent:2em;}

注意：2em的意思就是文字的2倍大小。


行间距（行高）：

如下代码实现设置段落行间距为1.5倍。


p{line-height:1.5em;}

中文字间距、字母间距:



h1{letter-spacing:50px;}

注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。


单词间距设置:

h1{word-spac...

			
		

	



                


  
              

                


	

		

			

				
					
CSS文本样式（二）

					
最新发布

				
			

			

				

					qq_72013756的博客
				

				

					08-21
					
					865
					
				

			

		

		

			
				
从零开始学前端

			
		

	





	

		

			

				
					
CSS格式化之段落排版

				
			

			

				

					pangcq699885的博客
				

				

					02-15
					
					474
					
				

			

		

		

			
				
段落排版——缩进


中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现：
p{text-indent:2em;}
1922年的春天，一个想要成名名叫尼克卡拉威（托比?马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。


注意：2e

			
		

	



		

			
		



	

		

			

				
					
css基础-文字排版、段落排版

				
			

			

				

					FYD的博客
				

				

					04-21
					
					1381
					
				

			

		

		

			
				
ps:处理前段文本溢出，多余内容显示点点一.文字排版--字体我们可以使用CSS样式为网页中的文字设置字体，字号，颜色等样式属性。这里注意不要设置不常用的字体，因为如果用户本电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体.)现在一般网页喜欢设置“微软雅黑”.body{font-family:"Microsoft...

			
		

	





	

		

			

				
					
CSS学习05：文字段落排版

				
			

			

				

					Blog of Lytracy
				

				

					07-19
					
					2828
					
				

			

		

		

			
				
文章目录1、文字排版字体种类字体大小和颜色字体样式-粗体字体样式-斜体字体装饰2、段落排版缩进行高中文字间距、字母间距对齐
本节主要介绍 CSS 基础样式，主要针对网页里面的文字、段落等基本内容进行样式修改设置，使其呈现出不一样的效果。譬如更换颜色，改变大小等。
1、文字排版
字体种类
通过 font-family 属性设置字体种类，注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。
<!DOCTYPE html>
<html>
	&

			
		

	





	

		

			

				
					
html-css-网页模板-产品介绍-自行车

				
			

			

				

					11-23
				

			

		

		

			
				
例如，产品图片可能会有阴影效果，标题可能有特定的字体和大小，描述可能会采用特定的排版方式，以使整个页面看起来专业且一致。  在“10-bicycling-master”这个压缩包中，我们可以预期找到以下文件和目录：  1. `...

			
		

	





	

		

			

				
					
html-css-网页模板-app介绍

				
			

			

				

					11-23
				

			

		

		

			
				
3. **字体和文字样式**：通过`font-family`, `font-size`, `line-height`等属性调整文本的样式，增强可读性。 4. **图像处理**：利用CSS的`background-image`属性添加背景图，`object-fit`控制图片在容器中的适应...

			
		

	





	

		

			

				
					
Markdown-CSS：:spiral_notepad:Markdown的样式表

				
			

			

				

					02-04
				

			

		

		

			
				
它的设计哲学是“易读易写”，通过使用简单的符号来排版文本，如`#`用于标题，`*`和`_`用于强调，`>`用于引用，`-`和`*`用于列表等。Markdown语法简单易学，被广泛应用于编写博客、文档、README文件等，且易于转换为...

			
		

	





	

		

			

				
					
latex-css：LaTeX.css是一个CSS库，可使您的网站看起来像LaTeX文档

				
			

			

				

					02-03
				

			

		

		

			
				
源代码可能包含CSS文件和其他资源，如图片或字体，用于实现LaTeX的视觉效果。示例文件可能展示了如何在实际项目中应用这些样式，而文档则会解释如何使用这个库，包括安装指南和API参考。  总的来说，LaTeX.css是一个...

			
		

	





	

		

			

				
					
html-css:kumpulan源代码-css source code

				
			

			

				

					03-25
				

			

		

		

			
				
CSS文件通常以.css为扩展名，它们通过选择器（如元素选择器、类选择器或ID选择器）来指定HTML元素的样式，包括颜色、字体、尺寸、位置等。在压缩包中，我们可能会看到多个CSS文件，每个文件可能对应不同的设计风格或...

			
		

	





	

		

			

				
					
CSS实现的网页中文字排版的几种方式

				
			

			

				

					08-14
				

			

		

		

			
				
CSS实现的网页中文字排版的几种方式，希望对大家有帮助

			
		

	





	

		

			

				
					
如何用css排段落,标准网页中用CSS进行段落排版的方法

				
			

			

				

					weixin_42515822的博客
				

				

					08-03
					
					814
					
				

			

		

		

			
				
符合标准网页中用DIV CSS如何对段落进行排版的？通过这篇教程你就会有所了解margindiv css布局中段落使用标签，对于段落的上下左右的空白(缩进)可以使用margin标签定义样式。margin有上、下、左、右四个方向的定义，正常情况下，我们可以用一行来描述我们需要的样式。例如：margin: 20px 8px 8px 20px;此句分别表示了：margin-top；margin-righ...

			
		

	





	

		

			

				
					
CSS字体与段落属性

				
			

			

				

					qq_45400916的博客
				

				

					01-25
					
					294
					
				

			

		

		

			
				
字体属性
字体font-family
font-family属性用于指定文字字体类型，如宋体等等。使用语法如下：
{font-family:name}
{font-family:cursive|fantasy|monospace|serif|sans-serif}

从上述中可以看出，font-family有两种声明方式，第一种使用name字体名称，按优先顺序排列，以逗号隔开，如果字体名称包含空格，则应使用引号括起；第二种声明方式使用所列出的字体序列名称，如果使用fantasy序列，将提供默认字体序列。
字

			
		

	





	

		

			

				
					
html网页如何将文字排版,【html】文字排版

				
			

			

				

					weixin_30236323的博客
				

				

					07-08
					
					4206
					
				

			

		

		

			
				
Web开发过程中文字排版，默认的情况下，行末的长单词会撑开容器。我们想要的是(像word一样、能够自动换行、既不撑大容器、也不强制拆开行末单词、并且不会隐藏行末单词的多余字母)①不能撑开容器②完整的单词不能被强制拆开③如果行末是长单词的话，整个单词都被换行到下一行中文排版标点符号：规定不能至于行首处理：chrome、IE8、FF浏览器默认标点符号不会置于行首有些ui会要求 不能至于行尾技巧：文本内...

			
		

	





	

		

			

				
					
HTML网页字体与排版设计

				
			

			

				

					吃不胖.
				

				

					09-14
					
					893
					
				

			

		

		

			
				
综上所述，网页的字体和排版设计是设计一个优秀的网页的关键。因此，对于网页设计者来说，设计一个优秀的字体和排版方案是十分必要的。对齐方式指的是文字在网页中的对齐方式，可以是左对齐、右对齐、居中对齐或两端对齐。不同的对齐方式可以产生不同的视觉效果，需要根据网页主题和内容选择合适的对齐方式。Script字体是临摹书法的字体，它模仿了人手书写的外观，通常具有流畅、优美和自然的特点。字体是一种视觉元素，是文字呈现的载体，不仅影响阅读体验，还是传递信息和情感的媒介。因此，选择适当的字体是设计一个优秀的网页的关键。

			
		

	





	

		

			

				
					
HTML之CSS段落样式

				
			

			

				

					此果有毒的博客
				

				

					06-14
					
					886
					
				

			

		

		

			
				
学习

			
		

	





	

		

			

				
					
【html】文字排版

				
			

			

				

					ansem0444的博客
				

				

					09-13
					
					251
					
				

			

		

		

			
				
Web开发过程中文字排版，默认的情况下，行末的长单词会撑开容器。
我们想要的是（像word一样、能够自动换行、既不撑大容器、也不强制拆开行末单词、并且不会隐藏行末单词的多余字母）
①不能撑开容器
②完整的单词不能被强制拆开
③如果行末是长单词的话，整个单词都被换行到下一行
中文排版
标点符号：规定不能至于行首
   处理：chrome、IE8、FF浏览器默认标点符号...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值