简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

CSS学习总结_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-21 08:55:48
Original
1187 Leute haben es durchsucht

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>
Nach dem Login kopieren

    效果图


Verwandte Etiketten：
CSS学习总结
Quelle：php.cn
Vorheriger Artikel：基于CSS3和GSAP的超酷盒子爆炸动画特效_html/css_WEB-ITnose Nächster Artikel：jsp中加了背景图片，在MyEclipse中可以显示，但浏览器中不显示_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Ich habe Probleme mit einem CSS-Raster, dessen Höhe nicht meinen Erwartungen entspricht. Welche Fehler könnte ich machen? Ich lerne gerade CSS-Raster und wurde gebeten, diese Karte zu erstellen, indem ich sie in ...
Aus 2024-04-06 12:52:14
0
1
339
MySQL-Probleme beim Zusammenfassen von Verkaufsdaten aus zwei separaten Tabellen Vielen Dank im Voraus für Ihre Unterstützung. Ich lerne SQL und generiere ein paar Daten z...
Aus 2024-04-04 14:22:13
0
2
343
Die Aktivierung der Taste führt zu einer Fehlfunktion des Hover-Effekts Ich habe versucht, die Grundlagen der Webentwicklung (HTML, CSS und JS) zu erlernen, also ...
Aus 2024-04-01 21:51:26
0
1
396
Kann CSS Gitterlinien anzeigen? Ich habe angefangen, das CSS-Rasterlayout zu lernen. In einer idealen Welt wäre ich in der...
Aus 2024-03-31 20:38:21
0
2
395
52 Bilder in Array JS Ich studiere 1 Jahr lang IT-Assistent und derzeit müssen wir ein Kartenspiel mit JavaScrip...
Aus 2024-03-30 21:14:49
0
1
272
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！