CSS字体格式+文本编辑

最新推荐文章于 2023-07-09 16:56:03 发布
最新推荐文章于 2023-07-09 16:56:03 发布
阅读量252 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41646730/article/details/80931230
版权 
font-size:  字体的大小
 

 

color:  字体颜色
 

 

 
 

bold:  字体加粗
 


 

font-family:字体类型
 

 

font-variant: small-caps ;
 

small-caps （小大写）
 

 

复合字体顺序要求：
 

常见组合：
 

style/variant/weight/size/family
 

oblique small-cap bold 20px "字体格式"
 

备注：任何情况面variant在weight前，family在最后
 

 

文本：常见格式
 

text-align 对齐方式    center（居中）
 

text-ident 首行缩进  20px
 

text-decoration 文本线 underline
 

text-transform 大小写转换
 

letter-spacing 字距 20px
 

word-spacing 词距 （词句需要手动天机空格区分词语）
 

line-height 行高
 


 


 

text-align
 

 

text-align
 

text-align
 

 


 


 


 


 

 

 

 


                

        

        

    

  


    

      

        

            

              
                
                  普通旧朋友
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
文本编辑器js和css

				
			

			

				

					05-07
				

			

		

		

			
				
文本编辑器，网页文本编辑器，评论文本编辑器

			
		

	



                

            
              



	

		

			

				
					
notepad++文本编辑器

				
			

			

				

					10-23
				

			

		

		

			
				
**Notepad++文本编辑器详解**  Notepad++是一款在IT领域广泛应用的文本编辑器，尤其受到程序员和系统管理员的喜爱。这款编辑器以其高效、轻便和功能强大而著称，支持多种编程语言，并且完全免费，遵循GPL（GNU ...

			
		

	



              


  
              

                


	

		

			

				
					
css-文本编辑

				
			

			

				

					qq_59950604的博客
				

				

					01-04
					
					475
					
				

			

		

		

			
				
文本的缩进：text-indent

取值：

1、数字+px

2、数字+em 1em = font-size

文本的对齐方式：text-align（水平方向）

取值：

1、左边:left

2、中间：center

3、右边：right


text-align: center;

text-align:center能让哪些元素水平居中？

1、文本

2、span、a标签（行内元素）

3、input、img（行内块元素）

如果想让以上的元素水平居中，需要给以上元素所在的标签（父元素）设置..

			
		

	





	

		

			

				
					
css之文本编辑

				
			

			

				

					qq_51670115的博客
				

				

					09-04
					
					1001
					
				

			

		

		

			
				
css之文本编辑，体验css，字体标签，文本属性，样式表，以及一篇文本案例

			
		

	



		

			
		



	

		

			

				
					
css编辑网页文本

				
			

			

				

					weixin_44213625的博客
				

				

					07-22
					
					679
					
				

			

		

		

			
				
1.1 编辑网页文本
1.文本在网页中的意义
（1）有效的传递页面信息
（2）使页面漂亮、美观、更加吸引用户
（3）可以更好地突出页面的主题内容，使用户可以第一眼看到页面的主要内容
（4）具有良好的用户体验
2.< span>标签
作用：能让某几个文字或者某个词语凸显出来
示例：< p>あ< span class=“show”>“い”< /span>う< /p>
< p>< span id=“dream”>え< /sp

			
		

	





	

		

			

				
					
CSS的编写格式

				
			

			

				

					chenggong9527的博客
				

				

					04-24
					
					174
					
				

			

		

		

			
				
https://blog.csdn.net/qq_33351410/article/details/51910266?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control&dist_request_id=&depth_1-utm_source=distribute.pc_relevant.none-t...

			
		

	





	

		

			

				
					
纯css3制作Word文本编辑器效果

				
			

			

				

					11-02
				

			

		

		

			
				
虽然CSS3在视觉样式方面提供了强大支持，但实际的文本编辑、保存、格式转换等功能通常需要JavaScript或后端技术支持。  在提供的压缩文件"texiao1849_1560680904"中，可能包含了一些示例代码或资源，用于展示如何...

			
		

	





	

		

			

				
					
CSS+js版文本编辑器

				
			

			

				

					07-30
				

			

		

		

			
				
【CSS+js版文本编辑器】是一个利用CSS样式和JavaScript脚本实现的轻量级文本编辑工具，旨在提供一个简洁且高效的用户界面，让用户在不依赖复杂富文本编辑器插件的情况下，也能进行文章撰写和编辑。这个编辑器强调的...

			
		

	





	

		

			

				
					
CSS3制作Word文本编辑器.zip

				
			

			

				

					07-04
				

			

		

		

			
				
在本项目中，"CSS3制作Word文本编辑器.zip" 提供了一个利用纯CSS3技术构建的模拟微软Word文本编辑器的实现。这个编辑器旨在提供与Microsoft Word类似的用户界面和编辑功能，让用户能够在网页上体验到类似Word的文本...

			
		

	





	

		

			

				
					
Vue+富文本编辑器

				
			

			

				

					10-16
				

			

		

		

			
				
富文本编辑器允许用户以类似Word的方式编辑网页内容，包括字体、颜色、样式、图片插入等。这种编辑器通常会提供一个可视化界面，让用户在浏览器中直接进行内容创作，编辑完成后以HTML格式存储。  在描述中提到，这个...

			
		

	





	

		

			

				
					
wangEditor-基于javascript和css开发的 Web富文本编辑器， 轻量、简洁、易用、开源免费(1)...

				
			

			

				

					weixin_34376986的博客
				

				

					08-18
					
					306
					
				

			

		

		

			
				
wangEditor-基于javascript和css开发的 Web富文本编辑器， 轻量、简洁、易用、开源免费
wangEditor基本配置


  1 <!DOCTYPE html>
  2 <html lang="en">
  3 
  4 <head>
  5     <meta charset="UTF...

			
		

	





	

		

			

				
					
CSS文字编辑实用方法

				
			

			

				

					chenlunju的专栏
				

				

					12-07
					
					670
					
				

			

		

		

			
				
段落文字缩进2个汉字：

div{
    text-indent: 2em;
}

单行文字垂直水平都居中:

div{
	border: 1px solid black;
	text-align: center;
	height: 20px;
	line-height: 20px;/*这个数值要和height值一样*/
}

中划线效果（不用del标签）：

div{
	text-align:...

			
		

	





	

		

			

				
					
CSS样式：编写格式

				
			

			

				

					番薯大佬的专栏
				

				

					03-30
					
					265
					
				

			

		

		

			
				
1、CSS
CSS全称是Cascading Style Sheets，即层叠样式表；
用来控制HTML标签的样式，在美化网页中起到非常重要的作用；
2、编写格式
键值对的形式存在，即key:value，左边是键，右边是值。
如：
color: blue;
font-size: 28px;
3、CSS的使用规律
（1）就近原则：标签的样式style决定于该标签本身，或者包含该标签的父级容器。
（2）...

			
		

	





	

		

			

				
					
css书写格式

				
			

			

				

					weixin_34168700的博客
				

				

					11-16
					
					102
					
				

			

		

		

			
				
2019独角兽企业重金招聘Python工程师标准>>>   
                                        
         ...

			
		

	





	

		

			

				
					
Javaweb中css的编写格式

				
			

			

				

					小明的博客
				

				

					11-24
					
					3741
					
				

			

		

		

			
				
html 在一个网页中负责的事情是一个页面的结构
    
       css(层叠样式表) 在一个网页中主要负责了页面的数据样式。
    
编写css代码的方式：
    第一种： 在style标签中编写css代码。   只能用于本页面中，复用性不强。
        格式 ：
            
                编写css的代码。
         

			
		

	





	

		

			

				
					
css书写格式规范

				
			

			

				

					Yous的博客
				

				

					07-13
					
					790
					
				

			

		

		

			
				
CSS书写顺序
1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)status-select
常用的CSS命名规则注释的写法:
/* Header

			
		

	





	

		

			

				
					
css代码书写的时候按照什么格式书写（网页布局的思路）

				
			

			

				

					egg_er的博客
				

				

					10-23
					
					184
					
				

			

		

		

			
				
CSS代码书写的格式；

先写布局的相关代码：eg:display,position,float,clear,overflow,visiablity
其次写本身的相关代码：eg:width,height,margin,padding,border,background;
写文本相关的属性代码 eg:color,font,text-align,break-word,text-decration
最后写其他属性：eg:阴影，鼠标样式，内容（content）等

网页布局的思路

先看网页的版心，也就是把网页缩小

			
		

	





	

		

			

				
					
前端必知：6.css文本操作 （100个文本操作）

					
最新发布

				
			

			

				

					qq_52799985的博客
				

				

					07-09
					
					1084
					
				

			

		

		

			
				
CSS文本操作是前端开发中的一个关键领域。通过运用各种文本样式和排版技巧，我们可以为网页中的文本内容增添视觉效果和良好的用户体验。掌握CSS文本操作的知识，将为我们打开一扇全新的创作大门，使我们能够轻松地调整字体样式、颜色、对齐方式、装饰效果等，以及处理文字溢出和换行等问题。在本篇文章中，我们将深入了解六种重要的CSS文本操作技术，帮助您提升前端开发技能，并创建出令人印象深刻的网页文本效果。让我们一起来探索这些必知的CSS文本操作技巧，为您的前端项目注入新的创意和魅力。

			
		

	





	

		

			

				
					
CSS的三种编写方式

				
			

			

				

					qq_41759751的博客
				

				

					04-01
					
					396
					
				

			

		

		

			
				
内联样式/行内样式：在标签内部通过style属性来设置样式。

	
<p style="color:red;font-size:20px;"> </p>
	
	
	内部样式表：在head标签内编写style标签，通过选择器来为选中的元素设置样式。

	
<head>
    <style>
    p{
      color:red;
      font-size:20px;
     }
  </sty...

			
		

	





	

		

			

				
					
HTML+CSS+JS钟表项目实战教程

				
			

			

				

					
				

			

		

		

			
				
学习HTML和CSS的入门知识通常包括理解基本的HTML标签、属性、文本格式化、列表、链接、表格、表单的创建和编辑，以及学习CSS的基础选择器、盒模型、布局技术（如浮动、定位）等。  知识点3: JavaScript基础 ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值