W3C的介绍中介绍CSS 指层叠样式表 (Cascading Style Sheets), 样式定义如何显示 HTML 元素。浏览器将内容装在一个元素里面(一个盒子),而后CSS经过调整盒子背景、大小、颜色、样式、内容的文本以及字体的大小,最后展现出咱们须要的排版样式。css
css在使用的过程当中,有不少的参数须要记忆。特别是还有不少的浏览器的有本身独有的参数,很难记忆。只有多使用,多查文档。用的时候能够到w3c.com中查询 http://www.w3school.com.cn/cssref/index.asphtml
浏览器在处理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>
效果图
学习