css和html

css 的选择器

<!--[if !supportLists]-->1. <!--[endif]-->标记选择器：命名是取决于页面已有标签作为名称 语法例如h1{ }                  选择器作用范围：对页面所有此标签都起作用。

<!--[if !supportLists]-->2. <!--[endif]-->类型选择器：命名方式可以采取任意名称，但是名称前面要加.  使用方式：在需要使用的标签的class属性等于该选择亲的名称即可，使用范围：页面中所有的class属性等于该选择器的标签

<!--[if !supportLists]-->3. <!--[endif]-->ID选择器：命名方式可以采取任意名称 但是名称前面要加上#  ，命名方式#任意名称{  }   使用：和类型选择器一样的。

注意：ID属性一般用于Javascript中使用，页面中的ID的值最好是唯一。

基本语法：

选择器名称{

属性名称: 属性值（有些情况要加上引号）;

}

Css 有继承关系和就近原则，内联定义只对哪个标签起作用。

4.css 有两种引用方式，一种是在本页面的head标签里直接写style标签，一种是引用外部的css文件。

 

 

Html的frameset标签

<!--[if !supportLists]-->1. <!--[endif]-->有frameset的 标签的页面是没有body的标签的，在head的标签线面就行了。Frameset 的表现有一个属性是cols=” 10%,30%”或者cols=” 10%,*”，表示是列的。

<!--[if !supportLists]-->2. <!--[endif]-->Frameset 里面的标签frame 标签，frame有个属性是src就是这个框架的那一列要显示那个页面的路径，还有一个name属性是为了控制也一列要显示的不同内容。要是一个连接要在这个框架的一列里面显示，要把这个连接的标签的target属性值和frame的name属性值一样的。

<!--[if !supportLists]-->3. <!--[endif]-->Frame 的混合使用方式。代码块为：

<frameset rows="30%,70%">
     <frame src="write.html">
	  <frameset cols="20%,*">
	  <frame src="emaillist.html" >
	  <frame src="main.html"  name="main">
	  </frameset>
  </frameset>

 例子在附件中

 

评论

1 楼 u013680195 2014-04-02  

CSS基础教程17篇

此教程共17篇，由浅到深、循序渐进的讲述CSS知识。
对初学者有很大的学习价值，对已入门的朋友也有重要的参考价值。

1、CSS的应用
http://www.weby.com.cn/view.asp?id=13

2、CSS Selectors,Properties,and Values 选择器 、属性、值
http://www.weby.com.cn/view.asp?id=14

3、CSS的color颜色
http://www.weby.com.cn/view.asp?id=15

4、CSS的Text 文本
http://www.weby.com.cn/view.asp?id=16

5、Margin和Padding
http://www.weby.com.cn/view.asp?id=17

补充：CSS盒模型（Box Model）问题详解
http://www.weby.com.cn/view.asp?id=18

6、CSS的Border边框
http://www.weby.com.cn/view.asp?id=19

7、CSS属性结合起来使用
http://www.weby.com.cn/view.asp?id=20

8、CSS的Class以及ID选择器
http://www.weby.com.cn/view.asp?id=21

9、CSS的Grouping and Nesting分组和嵌套
http://www.weby.com.cn/view.asp?id=22

10、CSS的Pseudo Classes 伪类
http://www.weby.com.cn/view.asp?id=23
11、CSS的属性缩写
http://www.weby.com.cn/view.asp?id=24

12、CSS的Background Images 背景图片
http://www.weby.com.cn/view.asp?id=25

13、CSS的display属性
http://www.weby.com.cn/view.asp?id=26

14、CSS网页布局Page Layout
http://www.weby.com.cn/view.asp?id=27

15、CSS的At-Rules@规则
http://www.weby.com.cn/view.asp?id=28

16、CSS的伪元素Pseudo Elements
http://www.weby.com.cn/view.asp?id=29

17、CSS的优先级特性Specificity 
http://www.weby.com.cn/view.asp?id=30