很多学网页设计的朋友们都非常熟悉,网页的设计离不开CSS的支持,你的网页外观想美丽吸引人,那么那就需要CSS的支持,CSS 指层叠样式表 (Cascading Style Sheets),本篇文章将为大家举例介绍简单的CSS语法结构,让菜鸟初学网页的朋友们有一个好的理解,为您以后学习网页设计打下坚实的基础。
CSS 样式表极大地提高了工作效率
样式表定义如何显示 HTML 元素
样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。
我们先看一下CSS的一个简单的语法
CSS声明总是以分号(;)结束,声明组以大括号({})括起来:
比如:p {color:red;text-align:center;}
为了让CSS可读性更强,可以每行只描述一个属性:
手动编写一段简单的代码,让您感受了解一下CSS的效果
简单理解一下代码的含义:
代码color:red;含义是在网页显示的文字颜色是红色,text-align:center:文本的对其方式是居中对齐,
标签表示输入的段落文字。
PS:菜鸟们可以手动在文本中输入该代码,测试一下喔!在输入代码保存的时候,选择保存为所有文件,命名后缀名称为.htm这样就可以保存为网页文件类型啦!