7_30_html_框架&css样式表
2015-07-30 21:20
429 查看
框架
框架页面的基本语法
<frameset rows=”30%,*”>
<frame src=”*.html”/>
</frameset>
<frameset> 和<body>只能出现一个;
框架内可以嵌套框架,但是没有表格中跨行跨列的属性;
noresize=”noresize” 使分割线不能移动;
Scrolling=”auto” 是否出现滚动条,默认是auto自动;
以上两个属性值能在frame上设置,frameset没有这些属性;
<a href=”*.html” target=””></a>
target属性有四个值,
_self:在自身页面内打开网页;这是默认值;
_top:自顶向下加载新的页面;
_blank:在一个新的窗口中打开;
_parent:在父框架中打开新的页面;
自定义的属性值则会在对应的框架中打开新的网页;
<iframe></iframe>
可以直接写在<boby></body>标签内
CSS样式表
基本结构
<style type=”text/css”>
P{ color=”red”; font-size=”30px”; font-family=”隶书”;}
</style>
css样式表一共有4中选择器;
标签选择器:p table 等标签名;
类选择器:.p 是以”.”开头的,命名没有什么限制,最好具有实际意义;
id选择器:
伪类选择器:
css样式中的注释应该用/* */
文本属性:
Font-weight:bold 字体加粗,可以自定义字体粗细;
Font-style:italic 倾斜;
text-decoration:underline 下划线;
Overline 上划线;
Line-through 删除线;
None 默认值;
Letter-spacing:10px 字符间距;
Text-align:center 文本水平对齐方式;
Vertical-align:top 文本垂直对齐方式;
Line-height:100px 设置文本行高;
这个属性应该和vertical-align一起设置用来实现文本的垂直对齐方式;
框架页面的基本语法
<frameset rows=”30%,*”>
<frame src=”*.html”/>
</frameset>
<frameset> 和<body>只能出现一个;
框架内可以嵌套框架,但是没有表格中跨行跨列的属性;
noresize=”noresize” 使分割线不能移动;
Scrolling=”auto” 是否出现滚动条,默认是auto自动;
以上两个属性值能在frame上设置,frameset没有这些属性;
<a href=”*.html” target=””></a>
target属性有四个值,
_self:在自身页面内打开网页;这是默认值;
_top:自顶向下加载新的页面;
_blank:在一个新的窗口中打开;
_parent:在父框架中打开新的页面;
自定义的属性值则会在对应的框架中打开新的网页;
<iframe></iframe>
可以直接写在<boby></body>标签内
CSS样式表
基本结构
<style type=”text/css”>
P{ color=”red”; font-size=”30px”; font-family=”隶书”;}
</style>
css样式表一共有4中选择器;
标签选择器:p table 等标签名;
类选择器:.p 是以”.”开头的,命名没有什么限制,最好具有实际意义;
id选择器:
伪类选择器:
css样式中的注释应该用/* */
文本属性:
Font-weight:bold 字体加粗,可以自定义字体粗细;
Font-style:italic 倾斜;
text-decoration:underline 下划线;
Overline 上划线;
Line-through 删除线;
None 默认值;
Letter-spacing:10px 字符间距;
Text-align:center 文本水平对齐方式;
Vertical-align:top 文本垂直对齐方式;
Line-height:100px 设置文本行高;
这个属性应该和vertical-align一起设置用来实现文本的垂直对齐方式;
相关文章推荐
- css常见的几种布局优点缺点总结
- 浅谈CSS sprites
- CSS的position/float/display都有哪些取值,它们相互叠加时的行为都是什么?
- CSS3扇形动画菜单 鼠标滑过扇形展开动画
- 分享下我的博客园CSS
- 在IE678下解决伪类last-child的css2方法
- CSS中一些@规则的用法小结
- 关于stacking context和CSS z-index的总结
- css模块化思想(一)
- 4. CSS id 选择器
- css样式编辑
- 14套网页后台html+css模板下载-不切图也能做出好看后台记的收藏夹
- 14套网页后台html+css模板下载
- 3. CSS 派生选择器
- 14套网页后台html+css模板下载-不切图也能做出好后台
- 2. CSS 高级语法
- 1. CSS 简介
- 【读书笔记】CSS代码规范
- CSS侧边工具栏-背景图片法
- 初识html、css时随笔记录