易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS入门

       起初的HTML的设计只是定义文档内容用,而对于文档布局则由浏览器来完成。后来由于浏览器服务商不断地将新的规范中,使得创建文档内HTML标签添加到HTML容清新独立于表现层的站点越来越复杂。为了解决这个问题,万维网联盟(W3C),肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style)。主流浏览器都支持层叠样式表CSS,它能够使我们有能力改变站点中所有页面的布局和外观。
      上面说明了CSS产生的原因。对于html与CSS的作用我的理解是html主要用于告诉浏览器显示哪些内容,而CSS则主要告诉浏览器这些内容的布局和外观是什么样子的。CSS语法参考
      CSS的核心内容应该就是盒子模型了(其边框类型)。我感觉html中的元素表现在网页中就是一个矩形,而这就应该是那个盒子。我们可以通过CSS属性来设置这些盒子各个方面。这些属性主要包括以下内容:
      背景属性、边框属性、文本属性、字体属性、外边框属性(margin)、内边距属性(padding)、定位属性(position)、伪类等(这些属性的具体内容及相应介绍,见CSS参考手册)
       网页的布置和外观就是通过这些属性对那些盒子模型(HTML中的元素)进行设置的的结果。为了达到布置网页的灵活性,会经常灵活的运用HTML的div和span元素和Class和id两个属性。
      div和span有很大的相似处,都是为了组织和结构化文档,但span只能用于组织和结构化一个元素块,div则可用于多个元素块。并且它们通常是要用到Class或id属性的。
      简单的说,CSS就是运用从HTML抽出来的属性,对HTML文档中的元素(就是那些盒子)进行布置的技术。在CSS文件中可以不是直接使用元素,可能会使用标记(id)或类别(Class)。例如我们可能会在CSS文件中直接对body元素进行设置(语法 body{background-color:red;}),也可能对其中的某个词使用<span id="3">要设置的词</span>来增加标记,然后在CSS中利用#3{写明要设置的属性及其值}对该词进行设置。
     


相关文档:

CSS和JS标签style属性对照表


盒子标签和属性对照
CSS语法(不区分大小写)
JavaScript语法(区分大小写)
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......

阴影特效文字 简单css实现

<html>
<head>
<title>阴影特效文字</title>
<style type="text/css">
<!--
 .effect{                             &nb ......

magento 添加css js

magento个别页面添加css和js文件,可以将其放在个别页面的xml中,或者放在CMS的layout update中,其代码和文件存放位置如下
<reference name="head">
<action method="addCss"><stylesheet>css/mystyles.css</stylesheet></action>
//添加css mystyles.css 文件在 /skin/frontend/主题包 ......

Css属性见解

   昨天学习了Css的一小部分属性,这些属性一直从昨天练习到今天,感觉如果想把这些属性完全的掌握牢固还需要大量的练习,看到同学一个比一个学习努力,有的同学已经超前学习,心里感到七上八下的,因此自己也在慢慢钻研,不能落到别人的后面,昨天主要是练习了,今天主要的总结了一些Css的属性:
文本
font-fa ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号