下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922
论坛 >编程语言 >CSS入门基础

CSS入门基础

Mr ken发布于 2016-06-07 16:20查看:1577回复:2

很多学网页设计的朋友们都非常熟悉,网页的设计离不开CSS的支持,你的网页外观想美丽吸引人,那么那就需要CSS的支持,CSS 指层叠样式表 (Cascading Style Sheets),本篇文章将为大家举例介绍简单的CSS语法结构,让菜鸟初学网页的朋友们有一个好的理解,为您以后学习网页设计打下坚实的基础。

 

CSS 样式表极大地提高了工作效率

样式表定义如何显示 HTML 元素

样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。


我们先看一下CSS的一个简单的语法

1465287224729367.png

CSS声明总是以分号(;)结束,声明组以大括号({})括起来:

比如:p {color:red;text-align:center;}

为了让CSS可读性更强,可以每行只描述一个属性:

手动编写一段简单的代码,让您感受了解一下CSS的效果

1465287758445528.png

简单理解一下代码的含义:

代码color:red;含义是在网页显示的文字颜色是红色,text-align:center:文本的对其方式是居中对齐,

标签表示输入的段落文字。


 

PS:菜鸟们可以手动在文本中输入该代码,测试一下喔!在输入代码保存的时候,选择保存为所有文件,命名后缀名称为.htm这样就可以保存为网页文件类型啦!

 


收藏(0)0
查看评分情况

全部评分

  • Mr ken2016-06-07 16:26

总计:1

回复分享
Mr ken  于   2016-06-07 16:22 重新编辑过

共有2条评论

  • IT宅男
  • mr jack
  • Mr ken
  • Mright
  • cappuccino
  • YUI
  • 课课家运营团队
  • 课课家技术团队1
  • 酸酸~甜甜
  • 选择版块:

  • 标题:

  • 内容

  • 验证码:

  • 标题:

  • 内容

  • 选择版块:

移动帖子x

移动到: