常用的CSS标签库

article/2025/8/3 9:28:18

思考再三,萌芽决定把自己学生时代珍藏多年的CSS笔记发出来,特别常用适合背不下来标签的新手小白哟!

《 HTML 》篇(长期更新)

1  HTML基础

1.1 什么是标记语言

        Word文档就是标记语言的一种,而现在要学习的HTML(Hyper Text Markup Language)也是一种标记语言,叫做超文本标记语言。

        超文本标记语言:不光可以保存文字信息,还可以保存音频、视频等内容。

        在我们浏览网页时,其实是将储存在服务器上的HTML文件下载到本地,在通过浏览器进行解析,从而呈现了网页内容。

2  HTML基础标签

  1. HTML的基本结构
    <html>
    <head>
    <meta charset="UTF-8"> //设置字符集<title>Title</title> //设置标题
    </head>
    <body>
    </body>
    </html>

    HTML的基本构架包括三大部分:<html>标签:是整个目录的根节点,包括了两个子节点。

    <head>标签:主要设置一些写代码时需要做的设置工作,比如字符集、标题。

    <body>标签:文档的主体部分,页面中要呈现的内容都在这里。

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">//     Ps. 乱码的话不如试试这个

3  HTML基础标签

3.1 标题标签

常用的标题标签有<h1>——<h6>;由于显示页面的标题,包含了标题的格式、语义信息等内容。

 

3.2 段落标签

<p>

快捷方式 p*4 按住tab键。

(tab代表页面补全)

 

3.3 链接标签

<a>标签,作用的就是页面跳转,包括页内跳转和页间跳转。

 

页面跳转

href属性:链接的目标地址

target属性:控制页面跳转方式,其取值有四个:

  1. Blank:在新的页面打开
  2. Self:在当且页面打开(默认的打开方式)
  3. Top:
  4. Parent:
<a href="//www.baidu.com/" target="_blank">跳转到百度</a>

要给“目的地”设置一个id,在<a>标签中的href属性里面使用“#……(id名)”这样就能实现页内跳转。id属性具有唯一性,是页面元素中的唯一标识,id名不能重复。

<a href="#p1">跳转到底部</a>
<p id="p1">页面底部</p>

3.4图片标签

<img>图片标签:在网页中插入图片:

<img src="img/图片1.png" alt="">                    <!--src从哪儿来 alt到哪儿去-->
<img src="../图片2.png" alt="">
<img src="http://img.taopic.com/uploads/allimg/120727/201995-120HG1030762.jpg" alt="">

图片可以从本地载入,也可以从网页载入:本地载入时要找到图片的储存地址,在网页载入时要找到图片的网络地址。

相对路径:

调用上一级用“../图片1”

调用下一级用“/:图片1”

调用同级目录“.:图片1”这个.可以省略

绝对路径:

直接在起始目录  /  开始就是绝对路径。

3.4列表

无须列表在word中:<ul>标签来定义。(可在type属性里选择样式)

序列内容用<li>标签来填写&#


http://chatgpt.dhexx.cn/article/STWgUUBm.shtml

相关文章

CSS基本标签使用

1.CSS技术介绍 css是层叠样式表单。是用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 1.2CSS语法规则 选择器&#xff1a;浏览器根据“选择器”决定受css样式影响的HTML元素标签。 属性&#xff1a;是你要改变的样式名&#xff0c;并且每个属性都有…

css标签——文本标签

文本标签 针对文本的样式操作&#xff08;渲染&#xff09; color&#xff1a;设置文本的颜色text-align&#xff1a;设置文本的对齐方式 left&#xff1a;默认值&#xff0c;左对齐center&#xff1a;居中对齐right&#xff1a;右对齐 注意&#xff1a;text-align可以设置…

HTML标签+CSS样式(一)

文章目录 一.HTML常用标签类二.CSS常用样式 一.HTML常用标签类 html&#xff1a;hyperText markup language&#xff0c;超文本标记语言 1. < meta > 告诉搜索引擎爬虫我们的网站关于什么内容 元素可提供有关页面的元信息&#xff08;meta-information&#xff09;&am…

css常用样式标签

css常用样式标签 css 字体的设置 font-family font-size 设置字号大小 设置字体样式 font-style normal : 正常显示。浏览器默认的样式 italic &#xff1a;斜体显示文字 oblique : 歪斜体显示&#xff0c;比斜体的倾斜角度更大 font-weight 设置字体加粗 可取值为hold和nor…

HTML的标签与CSS标签

&#xff08;一&#xff09;HTML 1&#xff0c;html的定义标签&#xff0c;head中定义title&#xff0c;body中定义网页内容 2&#xff0c;基础标签 效果&#xff1a; 3&#xff0c;图片&#xff0c;音频&#xff0c;视频标签&#xff0c;src是图像的url即位置&#xff0c;有绝…

【CSS标签及样式】

小思考&#x1f4a1;CSS是什么&#xff1f; 中文名称&#xff1a;层叠样式表 英文全称&#xff1a;Cascading Style Sheets CSS的作用 在网页制作时采用CSS技术&#xff0c;可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 CSS发展史 1996CSS 1.…

CSS-标签选择器

CSS-选择器 基础选择器标签选择器类选择器id选择器通配符选择器 复合选择器后代选择器子代选择器并集选择器交集选择器伪类选择器 基础选择器 基础选择器是选择器中最简单的类型&#xff0c;它包括标签选择器、类选择器、id选择器、通配符选择器 标签选择器 注意&#xff1a…

CSS|标签选择器

CSS|标签选择器 1.简介 选择器的作用是选择页面上的某一个或者某一类元素 基本选择器&#xff1a; 标签选择器类选择器id选择器 2.标签选择器 CSS文件&#xff1a; /* 标签选择器 会选择到页面上所有的该标签元素 */ h1{color: red;background-color: aqua;border-radius…

CSS标签分类

在CSS中,不同的标签其所具有的特性不同,我们根据特性可以将它们分为以下3种: 块级标签,行级标签,行级块标签. 下面我们来一一进行介绍: 块级标签: 无论内容的多少,都只会占用一行的标签称为块级标签 常用块级标签如下: <h>,<p>,<ul>,<li> 块级标签可以…

CSS基础及常用的一些标签

CSS 是一种描述 HTML 文档样式的语言。 一、CSS选择器(在这里只列举几种最常用的) 1、CSS元素选择器 元素选择器根据元素名称来选择 HTML 元素。 例如&#xff1a;页面上的所有 <p> 元素都将居中对齐&#xff0c;并带有红色文本颜色&#xff1a; p {text-align: ce…

什么是信用评分分析?

概述 信用评分分析是不同公司评估个人或公司信用评分以帮助确定实体的信誉度的过程。信用评分很重要&#xff0c;因为它考虑了信用的使用次数以及偿还的效率。 概括 信用评分分析是指审查个人&#xff08;或公司&#xff09;借贷历史以及他们偿还资金的效率的过程。 信用评…

信用评分卡模型开发及评估指标

版权声明&#xff1a;本文为博主原创文章&#xff0c;未经博主允许不得转载。 一、信用风险评级模型的类型 信用风险计量体系包括主体评级模型和债项评级两部分。主体评级和债项评级均有一系列评级模型组成&#xff0c;其中主体评级模型可用“四张卡”来表示&#xff0c;分别…

【信用评分预测模型(四)】Python随机森林模型

文章目录 前言一、随机森林介绍一、定义函数二、模型建立1.模型参数设置2.模型训练集和测试集拆分3.模型训练4.特征值 总结 前言 在https://blog.csdn.net/m0_65157892/article/details/129523883这篇文章中已经对数据进行了标准化和异常值处理。得到了一个新的数据集&#xf…

GiveMeSomeCredit——信用评分卡模型

如今在银行、消费金融公司等各种贷款业务机构,普遍使用信用评分,对客户实行打分制,以期对客户有一个优质与否的评判。评分卡分为三类分别为: A卡(Application score card)申请评分卡 B卡(Behavior score card)行为评分卡 C卡(Collection score card)催收评分卡 评…

[机器学习] 信用评分卡中的应用 | 干货

背景介绍与评分卡模型的基本概念 如今在银行、消费金融公司等各种贷款业务机构&#xff0c;普遍使用信用评分&#xff0c;对客户实行打分制&#xff0c;以期对客户有一个优质与否的评判。交易对手未能履行约定契约中的义务而造成经济损失的风险,即受信人不能履行还本付息的责任…

信用卡评分模型

一、数据准备 1、 问题的准备 • 目标&#xff1a;要完成一个评分卡&#xff0c;通过预测某人在未来两年内将会经历财务危机的可能性来提高信用评分的效果&#xff0c;帮助贷款人做出最好的决策。 • 背景&#xff1a; – 银行在市场经济…

建立信用评分模型

读取数据 import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns from sklearn.linear_model import LogisticRegression as LR from sklearn.ensemble import RandomForestRegressor as rfr from sklearn.model_selection import t…

信用评分模型开发(FICO评分)

以支付宝的芝麻信用为例&#xff0c;其分值范围在350-950分。一般认为分值越高&#xff0c;信用越好&#xff0c;个人业务的违约率越低。这里用的也是与FICO评分类似的个人信用评分工具。 FICO评分的只要思路是&#xff1a;多大量拥有多个属性的用户数据进行收集/分析/转换&am…

【评分卡开发】信用评分模型构建流程

本课程&#xff0c;将从信用评分模型的发展、应用、类型及开发流程等多个方面展开介绍&#xff0c;旨在让初学者全面了解其在信贷金融领域里的可靠性及重要性&#xff0c;并且掌握一定的开发能力。 文章目录 1.评分卡简介1.1 简介1.2 种类1.2.1 依预测目的分1.2.2 依发展主体分…

基于Python的信用评分卡模型建立和分析,万字阐述,收藏

和所有金融信贷业务一样,信用风险credit risk也是企业贷款面临的最主要风险&#xff0c;特别是中小微企业。随着微小企业信贷业务的迅速发展,客户群体的不断扩大,诸多大型企业&#xff08;恒大&#xff0c;融创&#xff0c;st上市公司&#xff09;暴雷&#xff0c;银行在大数据…