css样式系列

最新推荐文章于 2024-07-19 15:50:46 发布

Aclis

最新推荐文章于 2024-07-19 15:50:46 发布

阅读量111

点赞数

文章标签： css

本文链接：https://blog.csdn.net/Aclis/article/details/105292680

版权

 p{            font-size: 100px;/*设置字体大小*/          
   		font-weight: bold;/*字体是否加粗*/         
      		font-style: italic;/*字体是否倾斜*/        
      		font-family:隶书
      		;/*设置字体样式楷体之类，多个单词组成的样式需要用引号引起来否则会报错‘’单引号即可*/            			         
      		font-variant: small-caps
      		;/*小型大写字母,如果存在小写字母的情况下*/            
    }

字体大小

font-size 可以用![在这里插入图片描述](https://img-blog.csdnimg.cn/20200403143709751.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FjbGlz,size_16,color_FFFFFF,t_70

 p{        
 
        font-size: 100px;/*设置字体大小*/            			                     		  
        font-weight: bold;/*字体是否加粗*/            
	font-style: italic;/*字体是否倾斜*/           
	font-family:隶书;/*设置字体样式楷体之类，多个单词组成的样式需要用引号引起来否则会报错‘’单引号即可*/             	  
	font-variant: small-caps;/*小型大写字母,如果存在小写字母的情况下*/            
    }    
#hsb1{        
font:bold italic 10px 华文琥珀;
/*加粗 倾斜 字体大小 字体样式 */    }    </style>
</head>
<body>    
<p>        小北北    </p>    
<p id="hsb1">        花少北是个憨憨！    </p>

</body>
</html>

``注意：

由于都是p标签 p的总标签定义的样式会影响hsb1

不想影响可以把另一个标签定义为
标签 id名用来引用不同的样式；
标签用 class来另命名引用

在这里插入图片描述

Aclis

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css样式系列

p{ font-size: 100px;/*设置字体大小*/ font-weight: bold;/*字体是否加粗*/ font-style: italic;/*字体是否倾斜*/ font-family:隶书 ;/*设置字体样式楷体之类，多个单词组成的样式需要用引...
复制链接

扫一扫