1、简单地讲,CSS样式全称为Cascading Style Sheets,中文翻译为“层叠样式表”,简称样式表有被我们称为CSS样式或认知的div css样式,而CSS就是Cascading Style Sheets英文单词开头字母缩写,CSS样式是一种制作网页样式的新技术也就是本DIVCSS5介绍主题。
2、CSS样式是我们称的样式表(Cascading Style Sheets)简称,同时我们又可再简称为CSS。
3、CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Style Sheets)。 平时使用CSS布局美化网页,又可称之为CSS样式。
4、 我们平时所说使用CSS或CSS样式布局其实是指的相同的概念。
5、 网页HTML中大量使用DIV、SPAN、TABLE表格等标签布局,要实现漂亮的布局(CSS宽度、CSS高度、CSS背景、CSS字体大小等样式)我们就需要CSS样式实现。同样的一组DIV标签,对应CSS样式代码不同,所得到效果也不同。我们可以比作HTML是骨架,CSS是衣服。相同HTML骨架结构,不同CSS样式,所得到的美化布局效果不同。
·在日常开发CSS时候,我们通常是HTML与CSS代码同时进行,这样易与开发不容易出错。
6、关于HTML样式,建议去这个网站查看详细的内容http://www.w3school.com.cn/html/html_styles.asp
CSS是样式层叠表,有三种引入方式。下面,我们来看看HTML样式CSS的三种写法吧。
01行内样式
CSS可以直接放到行内样式中引入即可,比如代码如下图:
<p style="color: bluebackground: red">
hello world!
</p>
02嵌入式
还可以采用潜入方式引入CSS,就是把CSS写到<style>标签中,这种方式比较实用,如下图所示:
<style type="text/css">
h1 {color: red}
</style>
<h1>hello world</h1>
03外部样式表
还有一种叫做外部样式,也就是把CSS写在另外一张页面上,然后再引用到指定页面就可以了,这种也很常见。
@import url(main.css)
<!DOCTYPE html><html>
<head>
<title></title>
</head>
<style type="text/css">
.financing{
background-color: #ff8c05
width: 220px
height: 40px
position: absolute
left:462px
}
.fund{
background-color: grey
width: 220px
height: 40px
position: absolute
left:682px
}
.content{
background-color: blue
width: 440px
height: 500px
position: absolute
left:462px
top:40px
}
.content2{
background-color: #630863
width: 440px
height: 500px
position: absolute
left:462px
top:40px
}
</style>
<body>
<div align="center" style="width:100%">
<div>
<div class="financing">理财</div>
<div class="fund">基金</div>
<div class="content"></div>
<div class="content2">11111111</div>
</div>
</div>
</body>
</html>
position: absoluteleft:462pxtop:40px
用定位来实现。。