<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>Word 2019 &#40;Phần 28&#41;&#x3A; Áp dụng và sửa đổi Style</title>
<meta name="description" content="Word 2019 &#40;Phần 28&#41;&#x3A; Áp dụng và sửa đổi Style - Savefile - Tin Tức -...">
<meta name="author" content=".: Nguoicodonvn2008.info - Cõi lòng người cô đơn :.">
<meta name="copyright" content=".: Nguoicodonvn2008.info - Cõi lòng người cô đơn :. [admin@nguoicodonvn2008.info]">
<meta name="robots" content="index, archive, follow, noodp">
<meta name="googlebot" content="index,archive,follow,noodp">
<meta name="msnbot" content="all,index,follow">
<meta name="generator" content="NukeViet v4.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="Word 2019 &#40;Phần 28&#41;&#x3A; Áp dụng và sửa đổi Style">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;www.nguoicodonvn2008.info&#x002F;vi&#x002F;news&#x002F;savefile&#x002F;kien-thuc-may-tinh&#x002F;word-2019-phan-28-ap-dung-va-sua-doi-style-5143.html">
<meta property="og:site_name" content=".&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.">
<meta property="og:url" content="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/word-2019-phan-28-ap-dung-va-sua-doi-style-5143.html">
<link rel="shortcut icon" href="https://www.nguoicodonvn2008.info/favicon.ico">
<link rel="canonical" href="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/word-2019-phan-28-ap-dung-va-sua-doi-style-5143.html">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/" title="Tin Tức" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/karaoke-dual/" title="Tin Tức - Karaoke Dual" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/nhac-tre/" title="Tin Tức - Nhạc trẻ" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tru-tinh/" title="Tin Tức - Trữ tình" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/nuoc-ngoai/" title="Tin Tức - Nước ngoài" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/remix/" title="Tin Tức - Remix" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tam-su-tinh-yeu/" title="Tin Tức - Tâm sự tình yêu" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tho-suu-tam/" title="Tin Tức - Thơ sưu tầm" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/cuoc-song/" title="Tin Tức - Cuộc sống" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/phan-mem/" title="Tin Tức - Phần mềm" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/kien-thuc-may-tinh/" title="Tin Tức - Kiến thức máy tính" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/hoc-tap/" title="Tin Tức - Học tập" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tai-lieu/" title="Tin Tức - Tài liệu" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/de-thi/" title="Tin Tức - Đề thi" type="application/rss+xml">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/assets/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/bootstrap.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/style.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/style.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/news.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/custom.css" type="text/css">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/DOMPurify/purify3.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/news.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/custom.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/bootstrap.min.js" type="text/javascript">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/bootstrap.non-responsive.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/style.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/style.non-responsive.css">
<link rel="StyleSheet" href="https://www.nguoicodonvn2008.info/themes/default/css/news.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/custom.css">
<style type="text/css">
	body{background: #fff;}
</style>
    </head>
    <body>
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">.&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.</h2>
		<p class="pull-right"><a title=".&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;." href="https://www.nguoicodonvn2008.info/">https://www.nguoicodonvn2008.info</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>Word 2019 &#40;Phần 28&#41;&#x3A; Áp dụng và sửa đổi Style</h1>
		<ul class="list-inline">
			<li>Thứ năm - 17/02/2022 01:10</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
		</div>
				<div class="imghome">
			<img alt="Word 2019 &#40;Phần 28&#41;&#x3A; Áp dụng và sửa đổi Style" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-1.png" width="460" class="img-thumbnail" />
		</div>
		<div class="clear"></div>
		<div id="bodytext" class="clearfix">
			<p style="text-align: justify;">Style trong Word là sự kết hợp được xác định trước của kiểu phông chữ, màu sắc và kích thước có thể được áp dụng cho bất kỳ văn bản nào trong tài liệu. Style có thể giúp tài liệu có giao diện chuyên nghiệp hơn. Bạn cũng có thể sử dụng các kiểu để nhanh chóng thay đổi một số thứ trong tài liệu của mình cùng một lúc.</p>

<h2 style="text-align: justify;">Cách áp dụng một style</h2>

<p style="text-align: justify;">1. Chọn văn bản bạn muốn định dạng hoặc đặt con trỏ ở đầu dòng.</p>

<figure>
<div style="text-align: justify;"><img alt=" Chọn văn bản muốn định dạng " class="lazy loaded lightbox" data-i="0" data-inimage-loaded="true" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-1.png" data-was-processed="true" height="304" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-1.png" style="height: 304px; width: 600px;" width="600" /></div>

<figcaption>
<div style="text-align: justify;">Chọn văn bản muốn định dạng</div>
</figcaption>
</figure>

<p style="text-align: justify;">2. Trong nhóm <strong>Styles</strong> trên tab <strong>Home</strong>, hãy nhấp vào mũi tên drop-down <strong>More.</strong></p>

<figure>
<div style="text-align: justify;"><img alt="Nhấp vào mũi tên drop-down More" class="lazy lightbox loaded" data-i="1" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-2.png" data-was-processed="true" height="286" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-2.png" style="height: 286px; width: 566px;" width="566" /></div>

<figcaption>
<div style="text-align: justify;">Nhấp vào mũi tên drop-down More</div>
</figcaption>
</figure>

<p style="text-align: justify;">3. Chọn style mong muốn từ menu drop-down.</p>

<figure>
<div style="text-align: justify;"><img alt="Chọn style mong muốn " class="lazy lightbox loaded" data-i="2" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-3.png" data-was-processed="true" height="300" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-3.png" style="height: 300px; width: 376px;" width="376" /></div>

<figcaption>
<div style="text-align: justify;">Chọn style mong muốn</div>
</figcaption>
</figure>

<p style="text-align: justify;">4. Văn bản sẽ xuất hiện theo style đã chọn.</p>

<figure>
<div style="text-align: justify;"><img alt="Văn bản sẽ xuất hiện theo style đã chọn" class="lazy lightbox loaded" data-i="3" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-4.png" data-was-processed="true" height="305" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-4.png" style="height: 305px; width: 600px;" width="600" /></div>

<figcaption>
<div style="text-align: justify;">Văn bản sẽ xuất hiện theo style đã chọn</div>
</figcaption>
</figure>

<h2 style="text-align: justify;">Cách áp dụng một style set</h2>

<p style="text-align: justify;">Style set bao gồm sự kết hợp của các kiểu tiêu đề, heading và đoạn văn. Style set cho phép bạn định dạng tất cả các phần tử trong tài liệu của mình cùng một lúc thay vì sửa đổi từng phần tử riêng biệt.</p>

<p style="text-align: justify;">1. Từ tab <strong>Design</strong>, hãy nhấp vào mũi tên drop-down <strong>More</strong> trong nhóm <strong>Document Formatting.</strong></p>

<figure>
<div style="text-align: justify;"><img alt="Nhấp vào mũi tên drop-down More" class="lazy lightbox loaded" data-i="4" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-5.png" data-was-processed="true" height="146" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-5.png" style="height: 146px; width: 648px;" width="648" /></div>

<figcaption>
<div style="text-align: justify;">Nhấp vào mũi tên drop-down More</div>
</figcaption>
</figure>

<p style="text-align: justify;">2. Chọn style set mong muốn từ menu drop-down.</p>

<figure>
<div style="text-align: justify;"><img alt="Chọn style set mong muốn" class="lazy lightbox loaded" data-i="5" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-6.png" data-was-processed="true" height="385" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-6.png" style="height: 385px; width: 644px;" width="644" /></div>

<figcaption>
<div style="text-align: justify;">Chọn style set mong muốn</div>
</figcaption>
</figure>

<p style="text-align: justify;">3. Style set đã chọn sẽ được áp dụng cho toàn bộ tài liệu.</p>

<figure>
<div style="text-align: justify;"><img alt="Style set đã chọn sẽ được áp dụng" class="lazy lightbox loaded" data-i="6" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-7.jpg" data-was-processed="true" height="408" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-7.jpg" style="height: 408px; width: 650px;" width="650" /></div>

<figcaption>
<div style="text-align: justify;">Style set đã chọn sẽ được áp dụng</div>
</figcaption>
</figure>

<h2 style="text-align: justify;">Cách sửa đổi một style</h2>

<p style="text-align: justify;">1. Trong nhóm <strong>Styles</strong> trên tab <strong>Home</strong>, bấm chuột phải vào style bạn muốn thay đổi và chọn <strong>Modify</strong> từ menu drop-down.</p>

<figure>
<div style="text-align: justify;"><img alt="Chọn Modify từ menu drop-down" class="lazy lightbox loaded" data-i="7" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-8.png" data-was-processed="true" height="216" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-8.png" style="height: 216px; width: 568px;" width="568" /></div>

<figcaption>
<div style="text-align: justify;">Chọn Modify từ menu drop-down</div>
</figcaption>
</figure>

<p style="text-align: justify;">2. Một hộp thoại sẽ xuất hiện. Thực hiện các thay đổi định dạng mong muốn, chẳng hạn như kiểu phông chữ, kích thước và màu sắc. Nếu muốn, bạn cũng có thể thay đổi tên của style. Bấm <strong>OK</strong> để lưu các thay đổi.</p>

<figure>
<div style="text-align: justify;"><img alt="Thực hiện các thay đổi định dạng mong muốn" class="lazy lightbox loaded" data-i="8" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-9.png" data-was-processed="true" height="539" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-9.png" style="height: 539px; width: 526px;" width="526" /></div>

<figcaption>
<div style="text-align: justify;">Thực hiện các thay đổi định dạng mong muốn</div>
</figcaption>
</figure>

<p style="text-align: justify;">3. Style sẽ được sửa đổi.</p>

<figure>
<div style="text-align: justify;"><img alt="Style sẽ được sửa đổi" class="lazy lightbox loaded" data-i="9" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-10.jpg" data-was-processed="true" height="316" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-10.jpg" style="height: 316px; width: 650px;" width="650" /></div>

<figcaption>
<div style="text-align: justify;">Style sẽ được sửa đổi</div>
</figcaption>
</figure>

<p style="text-align: justify;">Sửa đổi một style nghĩa là bạn đang thay đổi mọi trường hợp của style đó trong tài liệu. Ví dụ đã sửa đổi Normal style để sử dụng kích thước phông chữ lớn hơn. Vì cả hai đoạn văn đều sử dụng Normal style nên chúng đã được cập nhật tự động để sử dụng kích thước mới.</p>

<figure>
<div style="text-align: justify;"><img alt="Sửa đổi Normal style" class="lazy lightbox loaded" data-i="10" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-11.jpg" data-was-processed="true" height="497" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-11.jpg" style="height: 497px; width: 650px;" width="650" /></div>

<figcaption>
<div style="text-align: justify;">Sửa đổi Normal style</div>
</figcaption>
</figure>

<h2 style="text-align: justify;">Cách tạo một style mới</h2>

<p style="text-align: justify;">1. Nhấp vào mũi tên ở góc dưới cùng bên phải của nhóm <strong>Styles.</strong></p>

<figure>
<div style="text-align: justify;"><img alt=" Nhấp vào mũi tên ở góc dưới cùng bên phải " class="lazy lightbox loaded" data-i="11" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-12.png" data-was-processed="true" height="291" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-12.png" style="height: 291px; width: 561px;" width="561" /></div>

<figcaption>
<div style="text-align: justify;">Nhấp vào mũi tên ở góc dưới cùng bên phải</div>
</figcaption>
</figure>

<p style="text-align: justify;">2. Hộp <strong>Styles task</strong> sẽ xuất hiện. Chọn nút <strong>New Style</strong> ở cuối ngăn tác vụ.</p>

<figure>
<div style="text-align: justify;"><img alt="Chọn nút New Style" class="lazy lightbox loaded" data-i="12" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-13.png" data-was-processed="true" height="539" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-13.png" style="height: 539px; width: 387px;" width="387" /></div>

<figcaption>
<div style="text-align: justify;">Chọn nút New Style</div>
</figcaption>
</figure>

<p style="text-align: justify;">3. Một hộp thoại sẽ xuất hiện. Nhập tên cho style, chọn định dạng văn bản mong muốn, sau đó bấm <strong>OK.</strong></p>

<figure>
<div style="text-align: justify;"><img alt="Nhập tên cho style" class="lazy lightbox loaded" data-i="13" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-14.png" data-was-processed="true" height="539" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-14.png" style="height: 539px; width: 526px;" width="526" /></div>

<figcaption>
<div style="text-align: justify;">Nhập tên cho style</div>
</figcaption>
</figure>

<p style="text-align: justify;">4. Style mới sẽ được áp dụng cho văn bản đang được chọn. Nó cũng sẽ xuất hiện trong nhóm Styles.</p>

<figure>
<div style="text-align: justify;"><img alt="Style mới sẽ được áp dụng cho văn bản đang được chọn" class="lazy lightbox loaded" data-i="14" data-src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-15.jpg" data-was-processed="true" height="428" src="https://st.quantrimang.com/photos/image/2022/02/17/ap-dung-va-sua-doi-kieu-15.jpg" style="height: 428px; width: 650px;" width="650" /></div>

<figcaption>
<div style="text-align: justify;">Style mới sẽ được áp dụng cho văn bản đang được chọn</div>
</figcaption>
</figure>

<p style="text-align: justify;">Bạn cũng có thể sử dụng các style để tạo mục lục cho tài liệu của mình.</p>
		</div>
				<div id="author">
						<p>
				<strong>Nguồn tin:</strong>
				Quantrimang.com
			</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/word-2019-phan-28-ap-dung-va-sua-doi-style-5143.html" title="Word 2019 &#40;Phần 28&#41;&#x3A; Áp dụng và sửa đổi Style">https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/word-2019-phan-28-ap-dung-va-sua-doi-style-5143.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; .&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.
		</div>
		<div id="contact">
			<a href="mailto:admin@nguoicodonvn2008.info">admin@nguoicodonvn2008.info</a>
		</div>
	</div>
</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://www.nguoicodonvn2008.info/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
		</script>
		<div class="car-top">
  <span><img src="https://www.nguoicodonvn2008.info/themes/default/images/car.png" alt=""></span>
</div>
<script src="https://www.nguoicodonvn2008.info/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="news",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=-4,nv_my_abbr="EDT",nv_cookie_prefix="nv4c_e856T",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=0,nv_recaptcha_ver=2,nv_recaptcha_sitekey="",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="https://www.nguoicodonvn2008.info/assets/js/language/vi.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/DOMPurify/purify3.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/global.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/site.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/news.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/main.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/custom.js"></script>
<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "url": "https://www.nguoicodonvn2008.info",
            "logo": "https://www.nguoicodonvn2008.info/uploads/angel.gif"
        }
        </script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/bootstrap.min.js"></script>
<script type="text/javascript">
var $scrolltop = $('.car-top');
$scrolltop.on('click', function () {
    $('html,body').animate({
        scrollTop: 0
    }, 800);
    $(this).addClass("car-run");
    setTimeout(function(){ $scrolltop.removeClass('car-run');}, 1000);
    return false;
});
$(window).on('scroll', function ()
{ 
    if($(window).scrollTop() >= 200)
    {
        $scrolltop.addClass("show");
        $scrolltop.addClass("car-down");
    }
    else
    {
       $scrolltop.removeClass("show");
       setTimeout(function(){ $scrolltop.removeClass('car-down');}, 300);
    }
});
</script>
</body>
</html>