html与css基础

是春春呀·

已于 2022-03-17 16:40:10 修改

阅读量165

点赞数

分类专栏： htmll+css 文章标签： css html css3

于 2022-03-17 16:35:35 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45981263/article/details/123553494

版权

htmll+css 专栏收录该内容

1 篇文章

订阅专栏

css和html基础

由于这是自己个人写作业时弄的，没有任何基础所以知识点比较杂，只是自己简单的做个笔记

在html引用css:

<link rel="stylesheet" href="./软考通知.css">

在这里插入图片描述

在html中引用css样式：

class标签
在这里插入图片描述

在文字下方加入横线：

border-bottom: 1px solid;

在这里插入图片描述

html全屏背景：

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style>
		body{
			background-image: url(img/untitled.png);
			background-repeat: no-repeat; #定义了图像的平铺模式。 no-repeat:背景图像将仅显示一次。
			background-size: cover;
		}
	</style>
	<body>
		
	</body>
</html>

html设置自定义字体

首先在css创建一个字体：

@font-face {
    font-family: 'h2_font'; #字体名字
    src: url('./fonts/lianmeng.ttf');#下载字体的路径
}
h1{
    font-size: 40px;
    text-align: center;
    line-height: 4rem;
    font-family: h1_font; #引用字体
    color: rgb(209, 141, 114);
}