CSS学习总结

CSS学习总结

1、简介

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

         css在使用的过程当中,有不少的参数须要记忆。特别是还有不少的浏览器的有本身独有的参数,很难记忆。只有多使用,多查文档。用的时候能够到w3c.com中查询        http://www.w3school.com.cn/cssref/index.asphtml


2、盒子模型

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

    

     咱们用经过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>

    效果图
学习

相关文章
相关标签/搜索