什么是样式?什么是HTML样式?

html-css05

什么是样式?什么是HTML样式?,第1张

样式一般是指CSS

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

用定位来实现。。