CSS Study Note

Web Address: http://www.diigo.com/list/swanlin128/css-study-note

You are here: Diigo Home > swan lin > swan lin's lists

swan lin

Items:12 | Visits:96

Category:Computers & Internet | Tags:css

Created:on 2007-10-11 | Updated:on 2008-03-15

http://www.w3schools.com/css/css_intro.asp

Expand All

1 - 12 of 12

4Expand
CSS How to

Tags: css on 2007-10-11 and saved by7 people -All Annotations (1) -About

more fromwww.w3schools.com
- <head>
  <link rel="stylesheet" type="text/css"
  href="http://www.w3schools.com/mystyle.css" />
  </head>
- <head>
  <style type="text/css">
  hr {color: sienna}
  p {margin-left: 20px}
  body {background-image: url("images/back40.gif")}
  </style>
  </head>
- An inline style loses many of the advantages of style sheets by mixing
  content with presentation
- To use inline styles you use the style attribute in the relevant tag.
2Expand
CSS Introduction

Tags: css on 2007-10-11 and saved by26 people -All Annotations (0) -About

more fromwww.w3schools.com
- What is CSS?
  
  CSS stands for Cascading Style Sheets
  
  Styles define how to display HTML elements
  
  Styles are normally stored in Style Sheets
  
  Styles were added to HTML 4.0 to solve a problem
  
  External Style Sheets can save you a lot of work
  
  External Style Sheets are stored in CSS files
  
  Multiple style definitions will cascade into one
- Cascading Order
  
  What style will be used when there is more than one style specified for
  an HTML element?
  
  Generally speaking we can say that all the styles will "cascade" into
  a new "virtual" style sheet by the following rules, where number four
  has the highest priority:
  
  Browser default
  
  External style sheet
  
  Internal style sheet (inside the <head> tag)
  
  Inline style (inside an HTML element)
  
  So, an inline style (inside an HTML element) has the highest priority, which
  means that it will override a style declared inside the <head> tag, in
  an external style sheet, or in a browser (a default value).
0Expand
CSS Text-decoration Property

Tags: css on 2007-10-09 -All Annotations (0) -About

more fromwww.w3schools.com
2Expand
Div+CSS布局入门教程 - 蓝色理想

Tags: css on 2007-10-09 and saved by2 people -All Annotations (0) -About

more fromwww.blueidea.com
- 因为GIF格式的图片文件更小，这样能使页面载入的速度更快，当然使用此格式之前必须确定图片并没有使用太多的颜色，当我们使用了GIF格式时，从肉眼上并不能看出图片有什么太大的变化，因此这是可行的。
- * 接下来的Banner部分还能使用GIF格式吗？
  答案是不能，因为Banner部分是一个细致的图片，如果使用GIF格式颜色会有太大的损失，所以必须使用JPEG格式，将文件导出为banner.jpg。
3Expand
Div+CSS布局入门教程 - 蓝色理想

Tags: css on 2007-10-09 and saved by2 people -All Annotations (0) -About

more fromwww.blueidea.com
- 顺序是上 / 右 / 下 / 左，你也可以书写为margin:0(缩写)；
- margin:0px auto；
  说明上下边距为0px，左右为自动调整；
- 通过margin:auto我们就可以轻易地使层自动居中了
1Expand
Div+CSS布局入门教程 - 蓝色理想

Tags: css on 2007-10-09 and saved by3 people -All Annotations (2) -About

more fromwww.blueidea.com
13Expand
用CSS设置网页格式

Tags: css on 2007-10-16 -All Annotations (0) -About

more fromcache.baidu.com
- Border-left-width、border-right-width、border-top-width和border-bottom-width属性
  
  这四个属性分别用于设置左、右、上、下四周边框的宽度，其取值可以是thin、medium、thick和length。其中length是可以使用的长度单位数值，默认值为medium，且不能取负值。
- Border-style 属性
  
  该属性用于设置边框的的样式，取值可以是none、dotted、dashed、solid、double，groove，ridge，inset，outset。其中，none为默认值，表示无边框；
- MARGIN属性
  
  MARGIN属性用于设置元素的边界属性。边
- 使用负值可以获得特殊的显示效果（例如阴影效果）。
- 填充（PADDING）属性用于填充标记元素内容周围的保留区域，在该区域中显示的是元素的背景色或背景图案。
- 但不能使用负值。
- FLOAT属性可使标记的内容浮动到页面左边缘或右边缘，其取值可为none、left、right。默认值为none ，即不浮动到边缘。FLOAT常用于实现图文环绕、下拉大写字母的效果。
- CLEAR属性用于指定是否允许浮动元素在它的旁边。其取值可以是none、left、right、both。默认值为none，表示允许浮动；left表示跳过左边的浮动元素；right表示跳过右边的浮动元素，both表示跳过所有的浮动元素。CLEAR可用于控制环绕属性。
- HEIGHT和WIDTH分别用于放置标记元素内容（例如图片）的高度和宽度。
- CLIP属性即剪切属性，用于可以剪切网页元素，只显示指定的一部分，其它剩余部分将被剪切掉。其取值由RECT（上、右、下、左）所定义的矩形区域来表示。剪切的基准是被定义元素（如图片）的左上角。
- 该属性用于定义网页标记元素之间在主体方向（Z轴）上的重叠。Z-INDEX的取值为AUTO或整数（可以为负数）。当采用AUTO（默认值）时，元素显示时会按照出现的先后次序依次重叠覆盖。如果定义了数值后，数值越大的层越靠近顶层。
- POSITION属性
  
  该属性用来规定元素怎样在网页上定位，其取值为Relative（相对空位）
- TOP和LEFT属性用来规定元素与其他元素之间的距离。
0Expand
学习笔记网(StudyNote.cn)－让我们的学习更轻松！

Tags: css, html on 2007-10-16 -All Annotations (0) -About

more fromwww.studynote.cn
2Expand
CSS盒模型--HTML

Tags: css on 2007-10-16 -All Annotations (1) -About

more fromblogcup.com
- Margin properties define the space around elements.
  Background properties define the background effects of an element.
  Padding properties define the space between the element border and the element content.
  Border properties define the borders around an element.
  post by swanlin128 on 2007-10-16 22:33:13
- 平面示意图
3Expand
CSS Pseudo-classes

Tags: css on 2007-10-16 and saved by4 people -All Annotations (0) -About

more fromwww.w3schools.com
- selector:pseudo-class {property: value}
- selector.class:pseudo-class {property: value}
- a:link {color: #FF0000} /* unvisited link */
  a:visited {color: #00FF00} /* visited link */
  a:hover {color: #FF00FF} /* mouse over link */
  a:active {color: #0000FF} /* selected link */
1Expand
CSS Dimension Properties

Tags: css on 2007-10-16 -All Annotations (0) -About

more fromwww.w3schools.com
- The CSS dimension properties allow you to control the height and width of an
  element. It also allows you to increase the space between two lines.
0Expand
我能做的--swanlin的博客

过去的点滴

Tags: swanlin128 on 2007-11-19 -All Annotations (0) -About

more fromswanlin.bokee.com

1 - 12 of 12

List 20 50 100

List Comments (0)

CSS Study Note

CSS How to

CSS Introduction

What is CSS?

Cascading Order

CSS Text-decoration Property

Div+CSS布局入门教程 - 蓝色理想

Div+CSS布局入门教程 - 蓝色理想

Div+CSS布局入门教程 - 蓝色理想

用CSS设置网页格式

学习笔记网(StudyNote.cn)－让我们的学习更轻松！

CSS盒模型--HTML

CSS Pseudo-classes

CSS Dimension Properties

我能做的--swanlin的博客

swan lin's Public Lists (18)

Diigo - Highlight and Share the Web!