蚂蚁部落

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1632|回复: 4

CSS 简介

[复制链接]
发表于 2012-9-9 19:47:32 | 显示全部楼层 |阅读模式
基本教程
基本教程: 基础简介
本帖最后由 antzone 于 2015-11-8 12:45 编辑

什么是CSS:
CSS是英语Cascading Style Sheets的简写,通常称作为级联样式表。
CSS已经是网络不可或缺的元素,为浏览者呈现五彩缤纷的网页起到了重要的作用。
CSS是一种标记语言,不需要进行编译,直接就可以在浏览器中执行,可以有效的控制网页的展现效果。
使用CSS的优势:
1.能够极大提高代码的简洁度。这一点在大型的页面中显现的尤为突出。通过引入外部样式表可以有效的使用CSS能够减小页面的体积,能够节省一定的带宽资源,同时能够提高关键词和有效代码的比重,对搜索引擎优化有着巨大的作用。
2.便于网页的改版。有效使用CSS的网页改变将变得相对轻松,往往可以仅仅改变要是表就可以实现想要的效果。
3.使用CSS可以对页面更加精准的控制。使用元素自带的属性来控制页面的显示往往会比较粗糙,使用CSS则精准和美观的多。
CSS的使用方式:
1.内联样式。直接在html元素内部使用。
2.内部样式表。在头部<head></head>标签内部定义。
3.引入外部样式表。通过一定的代码把一个独立的CSS样式表文件引入当前页面。
以上三种方式会在一下的章节介绍。
简单实例:
通过内部样式表设定字体的颜色是红色,大小是12px。

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>CSS教程</title> 
<style type="text/css"> 
div
{ 
  color:red; 
  font-size:12px; 
} 
</style> 
</head> 
<body> 
<div>我的字体是红色,大小是12px</div> 
</body> 
</html>
发表于 2014-4-26 21:31:18 | 显示全部楼层
发表于 2016-9-20 12:13:05 | 显示全部楼层
发表于 2016-10-27 20:26:32 | 显示全部楼层
最基本的介绍
发表于 2016-10-27 21:52:57 | 显示全部楼层

这个版块好像都比较基础,类似于手册性质
感觉css3教程板块非常给力

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复返回顶部 返回列表