您现在的位置是：首页 > 博客网站制作 > 心得笔记心得笔记
CSS简明教程（一）——如何在网页中添加样式
杨青2013-07-24【心得笔记】人已围观
简介没有css也就是层叠样式表，就没有现代的Web设计。即便是格式极为丰富、构图极为复杂的网页，也可以通过css把格式化工作转移到一个外部文件——样式表里。这样一来，网页标记就可以非常清晰易读。
没有css也就是层叠样式表，就没有现代的Web设计。即便是格式极为丰富、构图极为复杂的网页，也可以通过css把格式化工作转移到一个外部文件——样式表里。这样一来，网页标记就可以非常清晰易读。
在网页中添加样式
有三种在网页中使用样式的方式。
第一种是直接把样式信息嵌入到元素里，这就要用到style属性。下面这个例子展示了如何修改标题文本的颜色：
<h1 style="color:red">Inlinw styles are sloppy styles</h1>
这种方法非常方便，但是会是标记显得杂乱无章。
第二种是把全部样式嵌入到<style>元素里，而这个<style>元素要放到页面的<head>部分：
<head>
<title> Embedded syle sheet test</title>
<style>
...
</style>
</head>
这样写代码能够把样式与标记分开，但最终他们还是在一个文件里。这种方式适合一次性的样式（也就是不想在其他页面中重用的样式），也适合简单的测试和示例。就像我的博客中某些列表页和内容页就采用了这种方式。
第三种方式就是使用<link>元素在<head>部分链接外部样式表文件。下面这个例子告诉浏览器应用名为main.css的外部样式表中的样式：
<head>
<link href="/skin/blog/css/main.css" rel="stylesheet">
</head>
这种方式最常用，效果也最好。而且通过这种方式还能在其他页面间重用样式。
注意：现代web开发建立在一个简单的原理基础上。html标记用于把页面结构化为逻辑区块（段落、标题、列表、图片和链接），而css样式表用于格式化（通过指定字体、颜色、边框、背景和布局）遵守这个规则，网页就容易编辑。如果要修改整个网页的格式和布局，只要修改它所链接的样式表即可。
很赞哦！ ()
随机图文
IE常见bugs以及解决方案列表
1、如何解决IE6及更早浏览器浮动时产生双倍边距的BUG？2、如何解决IE6及更早浏览器下的3像素BUG？3、如何在IE6及更早浏览器下模拟min-height效果？4、如何解决IE7及更早浏览器下当li中出现2个或以上的浮动时，li之间产生的空白间隙的BUG？
CSS常见的问题和技巧总结
忘记定义尺寸是css初学者新手普遍存在的问题。在html我们可以写width=”100”，但在css中应该给出一个准确的单位。如：width:100px;height:50px;font-size:9pt ，0值除外，因为不论对于任何单位。0值的大小都是相等的。注意：不要在数值和单位之间加空格。
给个人博客增加色彩元素提升网站用户体验
第一眼看到杨青个人博客网站的时候，如果你喜欢，那肯定是右边的颜色块让你心情舒畅。网页的色彩不仅应该能够瞬间抓住浏览者的眼球，更是对能否产生良好的用户体验起着至关重要的作用,颜色搭配是否符合网站定位，风格设计是否符合目标用户喜好，这是决定用户是否驻足停留的关键。
asp如何加速网站打开的速度
技巧之一：提高使用Request集合的效率访问一个ASP集合来提取一个值是费时的、占用计算资源的过程。因为这个操作包含了一系列对相关集合的搜索，这比访问一个局部变量要慢得多。因此，如果打算在页面中多次使用
