【DRP】笔记之CSS

浅浅的花香味﹌ 2022-09-30 06:57 109阅读 0赞

# 前言 #

关于CSS之前也学习过没有怎么总结过，下面谈谈看drp视频中关于CSS讲解的自己之前没有太注意的一些样式。

# 文本 #

1.不加CSS样式的代码

代码示例：

<html>
    	<head>
    		<title>css示例-文本</title>
    		
    	</head>
    	<body>		
    		<h1>HelloWorld</h1>
    	</body>
    </html>

运行结果

![Center][]

2.字符间距

代码示例：

<html>
    	<head>
    		<title>css示例-文本</title>
    		<style type="text/css">		
    			h1{
    				letter-spacing:20px; /*间距*/				
    			}
    		</style>
    
    	</head>
    	<body>		
    		<h1>HelloWorld</h1>
    	</body>
    </html>

运行效果：

![Center 1][]

3.文本转换

代码示例:

<html>
    	<head>
    		<title>css示例-文本</title>
    		<style type="text/css">		
    			h1{
    				letter-spacing:20px; /*间距*/	
    				text-transform: uppercase; /*变大写*/			
    			}
    		</style>
    
    	</head>
    	<body>		
    		<h1>HelloWorld</h1>
    	</body>
    </html>

运行效果：

![Center 2][]

# 小结 #

看视频的时候觉得这些样式大多还是蛮熟悉的，例子看着挺简单的但是要是让自己手写还是做不到，多写代码拒做手残党。

[Center]: /images/20220708/7f8487e4d232497084678caf8e78a8e2.png
[Center 1]: /images/20220708/3121ba36914344b3830a77a2b209e328.png
[Center 2]: /images/20220708/b034b4f1f4e34571997ca30ae8f7fa90.png

发表评论取消回复

表情：

评论列表（有 0 条评论，109人围观）

还没有评论，来说两句吧...

相关阅读

相关【DRP】笔记之CSS

前言关于CSS之前也学习过没有怎么总结过，下面谈谈看drp视频中关于CSS讲解的自己之前没有太注意的一些样式。文本 1.不加CSS样式的代码代码示

浅浅的花香味﹌/ 2022年09月30日 06:57/ 0 赞/ 110 阅读

相关【DRP】——工厂模式

小编最近又复习了一遍Java版的工厂模式模式，分享读者们一下，欢迎阅读啊！![微笑][smile.gif] 【设计模式一工厂模式Factory】在面向对象编程

阳光穿透心脏的1/2处/ 2022年09月30日 06:50/ 0 赞/ 118 阅读

相关 DRP

学习drp有一段时间了，其实从很久以前，再提高班的学习就已经不是单纯的学习，学习总是伴随着项目。这就使得我们的学习不可能全天的，大把大把时间的学习只出现在第一和第二年，所以，各

布满荆棘的人生/ 2022年09月22日 13:56/ 0 赞/ 146 阅读

相关 DRP之旅（1）——Servlet初探

【什么是Servlet】　　Servlet全称Java Servlet，未有中文译文。是用Java编写的服务器端程序，用来完成B/S架构下，客户端请

缺乏、安全感/ 2022年08月20日 09:28/ 0 赞/ 157 阅读

相关【DRP】——JSP+servlet

Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用，在这种模式下，servlet负责处理用户请求，jsp负责数据显示，javabe

怼烎@/ 2022年08月20日 07:20/ 0 赞/ 156 阅读

相关【DRP】——JSTL之格式化标签与函数

关于JSTL核心标签库的讲解，请看上一篇博客内容[【DRP】——JSTL之核心标签库][DRP_JSTL][ ][DRP_JSTL]小编在这一章讲解一下JSTL的格式化标签与函

叁歲伎倆/ 2022年06月18日 12:24/ 0 赞/ 172 阅读

相关【DRP】——JSTL之核心标签库

【JSTL】 JSTL(JSP Standard Tag Library，JSP标准标签库)是一个不断完善的开放源代码的JSP标签库，是一个实现 Web应用程序中常

电玩女神/ 2022年06月18日 10:56/ 0 赞/ 310 阅读

相关【DRP】——JSP

【JSP】 JSP全名为Java Server Pages，中文名叫java服务器页面，拥有servlet的特性与优点,JSP就是Servlet，直接在HTML中内嵌

今天药忘吃喽~/ 2022年06月18日 02:36/ 0 赞/ 176 阅读

相关【DRP】——Servlet

【为什么要用Servlet】 Servlet是一种服务器端的Java应用程序，具有独立于平台和协议的特性,可以生成动态的Web页面。它担当客户请求（Web浏览器或其他

小鱼儿/ 2022年06月18日 00:42/ 0 赞/ 157 阅读

相关【DRP】笔记之JavaScript内置对象

前言最近在看DRP视频，视频中讲到的内置对象，之前没怎么在意过所以记录一下。内置对象 1.object JavaScript提供Objec

布满荆棘的人生/ 2022年06月17日 22:16/ 0 赞/ 200 阅读