CSS初学
2016-03-22 22:25
435 查看
CSS作用是美化html网页。
内联:body 标签里。
内嵌:head标签里,可以多次重复使用
.p{}:引用时,class引用。
#p{}:引用时,id引用
超链接的style
a:link 超链接被点前的状态
a:visited 超链接被点后的状态
a:hover 悬停在超链接的状态
a:active 点击超链接是
定义这些状态的顺序:l v h a
<title>CSS练习</title>
<style type="text/css"> //内嵌
p{
background-color:#090;
font-size:16px
}
</style>
<link href="../CSS.css" rel="stylesheet" type="text/css" /> //css的引用
</head>
<body>
<div style="background:#3F9; font-size:36px">div标签</div> //内·联
<p >春天来了,我很开心</p>
<div class="b">夏天</div>
<span id="c">秋天</span>
<a href="http://www.baidu.com">百度</a>
</body>
</html>
CSS
@charset "utf-8";
/* CSS Document */
* //所有都使用
{ margin:9px;
padding:0px;}
.b
{
background-color:#60C;
font-weight:600}
#c
{
background-color:#FF6}
超链接style:
a:link
{
font-family:Verdana, Geneva, sans-serif;
color:#000}
a:visited
{
color:#F03}
a:hover
{
color:#30C}
a:active
{
color:#6F6}
内联:body 标签里。
内嵌:head标签里,可以多次重复使用
.p{}:引用时,class引用。
#p{}:引用时,id引用
超链接的style
a:link 超链接被点前的状态
a:visited 超链接被点后的状态
a:hover 悬停在超链接的状态
a:active 点击超链接是
定义这些状态的顺序:l v h a
<title>CSS练习</title>
<style type="text/css"> //内嵌
p{
background-color:#090;
font-size:16px
}
</style>
<link href="../CSS.css" rel="stylesheet" type="text/css" /> //css的引用
</head>
<body>
<div style="background:#3F9; font-size:36px">div标签</div> //内·联
<p >春天来了,我很开心</p>
<div class="b">夏天</div>
<span id="c">秋天</span>
<a href="http://www.baidu.com">百度</a>
</body>
</html>
CSS
@charset "utf-8";
/* CSS Document */
* //所有都使用
{ margin:9px;
padding:0px;}
.b
{
background-color:#60C;
font-weight:600}
#c
{
background-color:#FF6}
超链接style:
a:link
{
font-family:Verdana, Geneva, sans-serif;
color:#000}
a:visited
{
color:#F03}
a:hover
{
color:#30C}
a:active
{
color:#6F6}
相关文章推荐
- 自定义Dialog的详细步骤(实现自定义样式一般原理)
- CSS选择器介绍
- CSS样式表
- 【自学笔记】 css 如何改变光标,及各种光标
- placeholder的样式设置
- Html+CSS hack技术介绍 以及常用hack
- CSS行高——line-height 文本的垂直居中(display:block;情况下)
- css样式表
- 关于利用css 实现右侧固定 左侧自适应布局的解决方案
- DIV横向排列_CSS如何让多个div盒子并排同行显示
- 【HTML+CSS】浅谈:相对定位与绝对定位
- CSS+DIV的学习方法?
- [积累]CSS手册
- css元素的水平,竖直居中
- Css3之基础-11 Css定位(定位概念 、定位方式)
- 纯css控制-表格表头固定,内容多时滚动内容
- Css3之基础-10 Css列表(列表项标志 、列表项图像、列表项位置、列表属性)
- Css3之基础-9 Css 显示(显示方式、显示效果、光标)
- CSS3练习
- 不用gif图,用js+css实现loading效果