简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

CSS学习总结_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-21 08:55:48
asal
1186 orang telah melayarinya

CSS学习总结

一、简介

        W3C的介绍中介绍CSS 指层叠样式表 (Cascading Style Sheets)， 样式定义如何显示 HTML 元素。浏览器将内容装在一个元素里面（一个盒子），然后CSS通过调整盒子背景、大小、颜色、样式、内容的文本以及字体的大小，最后展示出我们需要的排版样式。

         css在使用的过程中，有很多的参数需要记忆。特别是还有很多的浏览器的有自己独有的参数，很难记忆。只有多使用，多查文档。用的时候可以到w3c.com中查询        http://www.w3school.com.cn/cssref/index.asp


二、盒子模型

        浏览器在处理HTML标签的时候，都是通过盒子模型进行排版。将内容放在这种盒子容器内，根据容器是行内标签和块级标签最后在浏览器中形成样式。下面是W3C网站的介绍

    

     我们用通过CSS来排版，在浏览器中形象的展示出，它们之间的区别

<!DOCTYPE html><html><head>	<style>		.test{			background : gray;			border : 5px solid red;						height : 20px;			width : 250px;			font : italic bold 12px/20px arial,sans-serif;						margin: 22px;			padding : 25px;		}	</style></head><body>	<div class="test">Begin Test Cascoding Style Sheets</div></body></html>
Salin selepas log masuk

    效果图


Label berkaitan：
CSS学习总结
sumber：php.cn
Artikel sebelumnya：基于CSS3和GSAP的超酷盒子爆炸动画特效_html/css_WEB-ITnose Artikel seterusnya：jsp中加了背景图片，在MyEclipse中可以显示，但浏览器中不显示_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Saya menghadapi masalah dengan grid CSS yang ketinggiannya tidak seperti yang saya jangkakan, apakah kesilapan yang mungkin saya lakukan? Saya sedang belajar grid CSS dan diminta untuk membuat kad ini dengan memecahkannya kepada...
daripada 2024-04-06 12:52:14
0
1
339
Isu MySQL apabila meringkaskan data jualan daripada dua jadual berasingan Terima kasih terlebih dahulu atas sokongan anda. Saya sedang belajar SQL dan menjana beber...
daripada 2024-04-04 14:22:13
0
2
343
Pengaktifan butang menyebabkan kesan hover tidak berfungsi Saya telah cuba mempelajari asas pembangunan web (HTML, CSS dan JS), jadi saya telah cuba ...
daripada 2024-04-01 21:51:26
0
1
396
Bolehkah CSS memaparkan garisan grid? Saya mula belajar susun atur grid CSS. Dalam dunia yang ideal, saya akan dapat menyediakan...
daripada 2024-03-31 20:38:21
0
2
395
52 imej dalam Array JS Saya sedang belajar Pembantu IT 1 tahun dan pada masa ini kami perlu menulis permainan kad...
daripada 2024-03-30 21:14:49
0
1
272
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！