CSS学习
关注
分享
扫一扫
x_nam
这个作者很懒，什么都没留下…
展开
-
css学习手册
选择什么样的DOCTYPE开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。查看本站首页原代码，可以看到第一行就是： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition...原创 2010-01-25 17:05:33 · 71 阅读 · 0 评论 -
css学习手册 --名字空间
DOCTYPE声明好以后，接下来的代码是：<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> 通常我们HTML4.0的代码只是<html>，这里的"xmlns"是什么呢？这个"xmlns"是XHTML namespace的缩写，叫做"名字空间"声明。名字空间是什么作用呢？阿捷原创 2010-01-25 17:18:21 · 111 阅读 · 0 评论 -
css学习手册--定义语言编码
第三步是定义你的语言编码：<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义...原创 2010-01-25 17:20:06 · 113 阅读 · 0 评论 -
css学习手册--调用样式表
用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的页面的。事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变...原创 2010-01-25 17:22:40 · 89 阅读 · 0 评论 -
css学习手册--head区的其他设置
meta标签设置的，其实与符合web标准关系不大，只要注意在最后加"/"关闭标签就可以，但是既然是入门教程，就写得详细一点吧。收藏夹小图标首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。然后将下面的代码嵌入head区：<link rel="icon" href="/favicon.ico" type="image/x-icon" /><...原创 2010-01-26 09:18:37 · 129 阅读 · 0 评论 -
css学习手册--XHTML代码规范
1.所有的标记都必须要有一个相应的结束标记以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如:<br /><img heigh..原创 2010-01-26 09:21:14 · 159 阅读 · 0 评论 -
css学习手册--CSS入门
CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。1.基本语法规范分析一个典型CSS的语句：p {COLOR:#FF0000;BACKGROUND:#FFFFFF} ·其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式；·样式声明写在一对大括号"{}"中；·C...原创 2010-01-26 10:37:28 · 110 阅读 · 0 评论 -
css学习手册--CSS布局入门
CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。1.定义DIV分析一个典型的定义div例子：#sample{ MARGIN: 10px 10px 10px 10px;PADDING:20p...原创 2010-01-26 11:22:50 · 144 阅读 · 0 评论 -
css学习手册--第一个CSS布局实例
接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用DIV也可以实现。技术有一个成熟的过程，把DIV看成和TABLE一样的工具，如何运用就看你的想象力了。注：在...原创 2010-01-26 11:28:29 · 114 阅读 · 0 评论