CSS学习总结

CSS学习总结

一、简介

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

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


二、盒子模型

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

     CSS学习总结_第1张图片

     我们用通过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>

    效果图

CSS学习总结_第2张图片


你可能感兴趣的:(css)