DIV+CSS怎么样改字体样式

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

创新互联建站主要从事网站建设、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务平陆,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

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

CSS-属性&&选择器

CSS选择器、CSS属性

style写在head中间，type="text/css"可以不用写，默认就是这个。

规定文字样式、粗细、大小、字体的属性

1、字体不存在用户电脑上时：

不处理时，使用用户电脑系统默认字体

处理：font-family:“不存在的字体”,"备选字体"；--设置备选字体，可设置多个备选字体

2、一串字符串既有中文，又有英文时，如何设置两种字体

英文字体是中文字体的子集。【意思是：英文字体不能处理中文，中文字体可以处理英文】

文本装饰、文本对齐，文本缩进的属性

文本装饰-文字的下划线，中划线等

文本对齐：

文本缩进：

格式：

p{

font:20px,"楷体"

}

标签选择器选中的是页面中所有的该标签

作用：根据指定的id名称找到对应的标签，然后设置属性。（标签选择器选中的是全部的同类标签）

第一步：给需要设置的标签设置id，

第二步：

注意：

1、id在同一页面是唯一的

2、id名是有规范的，只能是字母，数字和下划线，不能使用数字开头，不能使用HTML的标签名

3、如果仅仅是为了设置样式，不需要使用id，而是使用类选择器，id是留给js使用的。

根据指定的类名称找到对应的标签，然后设置属性

第一步：给需要设置的标签设置className，

第二步：

注意：

1、className是可以重复的

2、className名是有规范的，只能是字母，数字和下划线，不能使用数字开头，不能使用标签名

3、如果仅仅是为了设置样式，不需要使用id，而是使用类选择器，id是留给js使用的。

4、同一个HTML变迁可以有多个classname

1、id使用“,”class使用#

2、class相当于人名，所以同一个页面上的HTML标签可以有一样的className；

id相当于身份证，所以同一个页面上的HTML标签不可以有一样的id；

3、class相当于人名，所以，一个HTML标签可以有多个Class

id相当于身份证，所以，一个HTML标签只能有一个id

4、一般情况下设置样式，使用class；如果需要js配合，使用id

格式：

先祖位置可以是HTML标签，可以是class名，可以是id

后代位置可以是HTML标签，可以是class名，可以是id

可以随意组合

只会查找直接子元素

格式：

1、都可以使用HTML标签、id名、class名

1、后代使用空格，子使用

2、后代可以选取指定标签的所有特定标签，包括子、孙；而子只能选取指定标签的特定子标签

定义：两个选择器相交的部分

格式：

选择器1选择器2{

}

选择器1和选择器2之间没有任何符号，没有空格，没有

选择器1和选择器2之间有逗号。

相邻：选择器1+选择器2，给紧跟着选择器1后面的选择器2设置样式

通用：选择器1~选择器2，给选择器1后面的所有选择器2设置样式

CSS3中新增的选择器最具代表性的就是序选择器

1.同级别的第几个

:first-child 选中同级别中的第一个标签

:last-child 选中同级别中的最后一个标签

:nth-child(n) 选中同级别中的第n个标签【n的值可以是数值，可以是“odd”、“even”,也可以是表达式，比如xn+y】

:nth-last-child(n) 选中同级别中的倒数第n个标签

:only-child 选中父元素中唯一的标签

注意点: 不区分类型

2.同类型的第几个

:first-of-type 选中同级别中同类型的第一个标签

:last-of-type 选中同级别中同类型的最后一个标签

:nth-of-type(n) 选中同级别中同类型的第n个标签

:nth-last-of-type(n) 选中同级别中同类型的倒数第n个标签

:only-of-type 选中父元素中唯一类型的某个标签

| [ attribute ] | [target] | 选择带有 target 属性所有元素。 | 2 |

| [ attribute = value ] | [target=_blank] | 选择 target="_blank" 的所有元素。 | 2 |

| [ attribute ~= value ] | [title~=flower] | 选择 title 属性包含单词 "flower" 的所有元素。 | 2 |

| [ attribute |= value ] | [lang|=en] | 选择 lang 属性值以 "en" 开头的所有元素。 | 2 |

| [ attribute ^= value ] | a[src^="https"] | 选择其 src 属性值以 "https" 开头的每个 a 元素。 | 3 |

| [[ attribute =value] 选择器") | a[src$=".pdf"] | 选择其 src 属性以 ".pdf" 结尾的所有 a 元素。 | 3 |

| [ attribute = value*] | a[src*="abc"] | 选择其 src 属性中包含 "abc" 子串的每个 a 元素。 | 3 |

1、属性的取值是以什么开头的

[ attribute |= value ]----------------CSS2

优先使用CSS3的。

2、属性的取值是以什么结尾的

3、属性的取值是否包含某个特性的值的

[attribute~=value]

*{

}

css样式的基本规则是什么？

1、选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。

2、属性和属性值以“键值对“ 的形式出现。

3、属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。

4、属性和属性值之间用英文“:“连接。

5、多个“键值对”之间用英文“;”进行区分。可以用段落和表格的对齐的演示。

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

扩展资料：

CSS作为一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。

无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。

div+css中怎么定义文字的样式，比如楷体？

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的style标签中，输入css代码：body{font-family: 楷体}。

3、浏览器运行index.html页面，此时文字的样式被成功定义为楷体。