divcss样式,css+div网页样式与布局

DIV+CSS怎么样改字体样式

1、先给想要改字体样式的div加一个class或者id

为福田等地区用户提供了全套网页设计制作服务，及福田网站建设行业解决方案。主营业务为网站设计、网站制作、福田网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

2、用选择器找到中国div（.class或者#id）

2、在style标签里给这个div写css样式，

!doctype html

html

head

meta charset="UTF-8"

titleDIV+CSS怎么样改字体样式/title

style

.one{

font-family:"微软雅黑";  //把 font-family: "设置字体名称" 里的字体名称改成你需要

font-size:12px;  //字体大小

color:red;  //字体颜色

font-weight:normal; //加粗 normal默认值 bold粗体 数值100-900

}

/style

/head

body

div class="one"DIV+CSS怎么样改字体样式/div

/body

/html

扩展资料

br换行

bb标签设置加粗/b

ii标签设置斜体/i

uu设置下划线/u

h1最重要的标题H1/h1

h2次要栏目或标题-小标题H2/h2

h3再次要栏目或分类小标题H3/h3

h4文中分类小标题H4/h4

pre定义预格式化文本，空格和换行会保留，常常应用于表示计算机的源代码。/pre

怎样定义一个DIV里的元素的CSS样式

有三种常用方式：1、通过id 例：style#test{color:red;}/stylediv id="test" test/div

2、通过类名 例：style.test{color:blue;}/stylediv class="test" test/div

3、直接放在div标签里 例：div style="color:purple" test/div

DIV+CSS样式 的好处!

导读（内容太多了- -！）：

第一部分，你可以去看看使用CSS的华丽效果，用table做不到的哦

第二部分，这是我自己的总结，比较片面，不过那个例子应该很好懂

第三部分，网上搜索到的总结，全面，我能看懂得部分加了点小备注

第一部分：

有一个网站叫CSS禅意花园（链接见参考资料，英文网站，点击select a design下面的超链接可以切换CSS），网站只有一个HTML页面，但是有几百个CSS文件，点击超链接可以切换该网页使用的CSS文件。切换了CSS后页面的样子完全变了，变成另外一个迥然不同的风格，文字的位置也全部发生了变化。你看了以后就知道DIV+CSS的好处了。。

如果像以前那样用table来排版，想要做出这种完全不同的风格你就只能重新写HTML。

第二部分：

从网页美工和网站维护人员的角度（因为我是做这个的- -！）来说，使用css：

1、便于页面的修改。

2、便于页面风格的统一。

3、减少网页的体积。

举例：

假设你有100个页面，每个页面的风格都是一样的，里面都有10个表格。

如果你全部用html来做，就需要给所有的页面的表格里写表格的边框颜色、背景颜色、文字大小(假设这些外观代码要使用3行)，那么你就要给1000个表格写这些东西（你就要写3000行。。）。这里面所有的外观设置都是重复的。以后你打算改变表格的风格，你就要改1000个表格。

但是如果你结合HTML和CSS来做，你就可以在每个页面上加上一句

link href="table.css" rel="stylesheet" type="text/css"/

然后在table.css这个文件里写上

table{

border:1px solid #ddd;

background:#eee;

font-size:12px;

}

然后你这1000个表格就看起来都一样了。这里只需要写3行代码。

以后你要修改表格，只需要修改table.css里面的这3行代码。

第三部分：

从所有人的角度来说（这是我查到的。。），CSS的优点有：

1 缩减代码，提高页面浏览速度

2 结构清晰，对搜索引擎更加友好（貌似这就是楼上说的SEO）

3 支持各种浏览器，兼容性好（不同浏览器解析出来的样子一般是不一样的，一想到这个我就头大）

4 简单的修改，缩短修改时间（恩，这点我想到了）

5 强大的字体控制和排版能力（是的。。不需要一页一页去改字体，可以统统一起改，而且有行高、段前空白这些功能）

6 使用CSS可以结构化HTML，提高易用性

7 更好的扩展性（你可以在页面里引入多个CSS样式表，某个样式表是电脑专用，某个样式表是手机专用，某个样式表是打印的时候专用）

8 更灵活控制页面布局（表格控制布局就很死板啦，不能随便改来改去的）

9 内容和表现分离，干净利落（网页内容在HTML里，网页的样式内容在CSS里）

10 更方便搜索引擎收录，获得更高评价（貌似又跟SEO有关）

11 优化表结构

12 更快加载有图片的页面

怎么定义1个DIV的CSS样式？

两个DIV,ID分别是aa,bb，则：

div id='aa'/div

div id='bb'/div

那么分别给这两个div加上样式，可以这样写：

#aa{color:#f00;}---这个定义了id为aa的div的样式

#bb{color:#0f0;}---这个定义bb的样式

使用符号“#”则对应了div的id属性。

如果不是根据id属性来定义，例如多个div需要使用同样的样式的话，由于同一个页面id属性是唯一的，所以需要通过下面方式来定义样式：

div id='aa' class='red'红色/div

div id='bb' class='red'红色/div

div id='cc' class='blue'蓝色/div

----样式定义这样写：

.red{color:#f00;}

.blue{color:#00f;}

这里样式名称前面的符号是"."，则通过div里面的class属性来匹配样式不过，在HTML如果是这样。

div id="a"

pdfsad/p

/div

div id="b"

padasdfas/p

/div

如果要控制id为a中的p的话，可以把CSS的选择器写成

#a p{

各种样式;

}

CSS中用空格来表示是在#a当中的p

div+css如何让一个div块不受整体的css样式控制

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用css对div进行初始化，设置其内外边距都为0，并让div浮动向左。

3、在test.html文件内，创建一个div，并设置其class属性为xx，用于下面定义其css样式。

4、在test.html文件内，使用css设置类名为xx的div样式，设置其宽度、高度都为300px，背景颜色为红色。

5、在test.html文件内，在上面div的内部，再创建一个div，并设置其类名为ss。

6、在test.html文件内，使用css设置类名为ss的div样式，设置其高宽为100px，背景颜色为白色，上边距为100px，左边距为100px。