`
小网客
  • 浏览: 1247458 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS之id和class区别以及字体加粗样式

    博客分类:
  • J2ee
 
阅读更多

字体加粗方式:

font-weight: bold;

或者通过值来加粗:

font-weight:800;

 

html中对字体加粗的其他方式:

<b></b>或<strong></strong>

css中id和class的区别:

class以"."开始,id以“#”开头

使用方式:

 .css_class{属性:属性值;} #在html页面里则以class="css_class" 来选择调用
#css_id{属性:属性值;} #在html页面里则以id="css_id" 来选择调用

备注:

id要保证唯一性

0
0
分享到:
评论

相关推荐

    CSS(层叠样式)学习笔记

    CSS 字体属性定义字体、加粗、大小、文字样式。font-family 属性设置文本的字体系列。例如:p{font-family:"Times New Roman", Times, serif;}font-style 属性用于定义斜体文字的字体样式属性。这个属性有三个值:...

    《CSS样式》 复习题 练习题

    如何使`&lt;p&gt;`元素中的字体加粗? - **答案**:**B. `p { font-weight: bold; }`** - **解析**:`font-weight`属性用于设置字体的粗细,`bold`关键字表示加粗。 ##### 12. 如何去除`&lt;a&gt;`元素下的下划线? - **答案...

    css+Div 样式规范写法.pdf

    2. **ID和Class的区别**: - ID是唯一的,只能在HTML文档中出现一次,常用于标识页面上的特定元素。 - Class可以多次使用,用于同一类元素的样式定义。 3. **CSS选择器**: - `.`(小写句号)表示Class选择器,...

    DIV+CSS模板DIV+CSS模板

    10. `id`和`class`:用于选择和区分不同的元素,`id`是唯一的,`class`可复用。 11. `list-style`:控制列表项的符号或编号样式。 12. `border-radius`:创建圆角效果。 13. `parent-child`:父元素与子元素的关系,...

    css选择器的应用

    此示例中,拥有ID `id1`的`div`元素以及拥有类名`class1`的`p`元素的文本颜色都将变为红色。 #### 字体属性 字体属性用于控制文本的显示方式,主要包括以下几个方面: - **`font-size`**:设置字体大小,常用单位...

    HTML5+CSS3网页设计-第五章 使用CSS美化网页元素.pptx

    本章主要探讨如何使用CSS3来美化网页元素,包括字体样式、文本样式、超链接样式、列表样式、背景样式以及渐变效果。下面我们将深入讲解这些知识点。 首先,我们来看CSS中用于突出文本的标签和属性。`&lt;span&gt;`标签常...

    html常用的标签和css

    HTML负责结构化页面内容,而CSS则用于控制页面的样式和布局。在这里,我们将深入探讨HTML常用标签以及CSS的基本概念和用法。 一、HTML常用标签 1. 文本元素: - `&lt;h1&gt;`至`&lt;h6&gt;`:定义标题,`&lt;h1&gt;`为最高级别,`...

    DIV+CSS实例.docx

    【CSS父级子级选择器和类选择器(id, class)】 - 父级选择器如`.parent`可以影响所有父元素为`.parent`的子元素。 - 子级选择器如`parent &gt; child`只会影响直接子元素。 - 类选择器如`.class`可以选择具有特定类名的...

    精品专题(2021-2022年收藏)css笔记Css笔记.doc

    CSS笔记主要涵盖了如何定义和应用CSS样式,以及常见的样式属性。 **一、CSS引入方式** 1. 内联样式:在HTML元素的`style`属性中直接写CSS样式,例如`;"&gt;文本&lt;/p&gt;`。 2. 内部样式表:将CSS写在HTML文档的`&lt;head&gt;`...

    js+css实现切换选项卡代码

    这些CSS规则定义了选项卡的基本外观,如边框、内边距、颜色和字体加粗等。其中,`.tab`的初始状态是隐藏的,只有当其对应的标签被选中时(即添加了`.active`类),才会显示内容。 最后,我们使用JavaScript来实现...

    微软风格的CSS横向菜单

    - `#navli`:设置列表项的浮动布局、字体加粗等属性,以确保菜单项并排显示。 - `#navlia`:定义了链接的基本样式,如文本对齐、颜色、下划线等。通过设置`border-top`属性,实现了顶部边框的效果,增强视觉效果。...

    静态网页基础知识从静态到动态的转换CSS

    5. `&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;` 和 `&lt;th&gt;`:用于创建表格,`&lt;th&gt;` 用于定义表头单元格,其默认样式是加粗字体。 6. `&lt;form&gt;`:创建表单,用于用户输入数据,常包含`&lt;input&gt;`、`&lt;textarea&gt;`等元素。 7. `&lt;div&gt;`:一个...

    头歌教学实践平台 Web前端开发基础 CSS-表格样式

    - `th`通常用于显示表头,可以设置其字体加粗、颜色和背景色等,以区分普通单元格。 - `text-align: center;` 可以使表头内容居中。 6. **条纹效果** - 使用`nth-child`伪类选择器可以创建交替行的条纹效果,...

    GOOGEL HTML_CSS STYLE GUIDE

    - **使用有意义的类名和ID名**:例如,使用`class="form-input"`而不是`class="input-1"`。 - **避免使用纯数字或无意义的字符**:如`class="box123"`应该改为`class="info-box"`。 #### 2. 样式组织 - **模块化**...

    CSS试题教学内容.docx

    font-weight是CSS的一个属性,它用来设置元素的字体加粗方式。 14. 设置盒子模型的填充为10、20、30、40的方法是padding:10px 20px 30px 40px。 使用CSS可以设置盒子模型的填充,方法是使用padding属性,并将其值...

    div+css有实例,易学易懂

    - **使用ID还是Class**:根据元素的唯一性或共性选择。 - **控制内容显示的display属性**:用于改变元素的显示类型。 - **控制内容显示的visibility属性**:用于隐藏或显示元素。 - **使用text-align属性的水平居中*...

    (完整word版)《CSS样式》习题答案.docx

    CSS提供了丰富的样式规则,包括字体、颜色、布局等,让网页设计更具灵活性和表现力。 1. 引用外部样式表通常使用`&lt;link&gt;`元素,格式如下: ```html &lt;link rel="stylesheet" type="text/css" href="mystyle.css"&gt; ...

    div css合成教材

    以上规则分别设置了链接在不同状态下的字体加粗、去除下划线以及颜色变化效果。 综上所述,通过合理运用CSS的语法和特性,结合`div`等HTML元素,可以实现网页的精美化和高效管理,提升用户体验和网站的整体质量。

    CSS+div教程,CSS+div教程

    在网页设计中,CSS(Cascading Style Sheets)和div元素是构建布局和控制页面样式的核心工具。本教程将详细介绍CSS的基本语法、颜色值、字体定义、选择器类型以及如何利用div进行布局。 1. **基本语法规范** CSS的...

    实验4使用CSS修饰文字和段落.pdf

    实验4的目的是学习如何使用CSS来修饰网页中的文字和段落,从而实现内容与样式的分离,提升网页的可维护性和美观度。CSS(层叠样式表)是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的语言。在...

Global site tag (gtag.js) - Google Analytics