急求CSS三中连接经典例子?

html-css021

急求CSS三中连接经典例子?,第1张

浏览器对于样式表的优先级从高到低------内联接 style外部链入的。

内联接就是在标签内加style,如<div style="color:#000"></div>

style就是加一个style标签,可以放在html的任何位置,如<style>css属性</style>

外部连入的分给import和link

import和第二种差不多只不过写的不是css属性二是<style>@import url(xx.css)</style>这种自我感觉不常用

link是最常用的一种方法。如<link type="text/javascript" href="xx.css" rel="stylesheet"/>

最后俩个都要注意引用的路径

只显示下划线的文本框,像文字一样的按钮

body{

background-color:#daeeff

/*

页面背景色

*/

}

form{

margin:0px

padding:0px

font:14px

}

input{

font:14px

Arial

}

.txt{

color:#005aa7

border-bottom:1px

solid

#005aa7

/*

下划线效果

*/

border-top:0px

border-left:0px

border-right:0px

background-color:transparent

/*

背景色透明

*/

}

.btn{

background-color:transparent

/*

背景色透明

*/

border:0px

/*border:0px

solid

#005aa7边框取消

*/

cursor:pointer

}

用户名:

密 码:

[Ctrl+A

全选

注:如需引入外部Js需刷新才能执行]

CSS(层叠样式表)

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

注:单独使用CSS是无法实现QQ邮箱登录实例(CSS为样式代码)。

实例

可以使用iframe代码实现QQ邮箱登录实例。

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>qq邮箱登录实例</title>

</head>

<body>

<p align="center" style="margin-top:0pxmargin-left:0">

<iframe width="1000" height="500" src="https://mail.qq.com" class="t-iframe" scrolling="no" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 

</p>

</body>

</html>

代码解释:

url是你要调用的网址,<p align="center" style="margin-top: -109margin-left: -109">是网页布局、其中margin-top: 0表示顶部缩进,margin-left: 0表示左边缩进。至于右边和底部缩进,很简单,修改<iframe>的宽度和高度就可以了。