HTML

最新推荐文章于 2021-12-04 15:31:20 发布

baiyuani

最新推荐文章于 2021-12-04 15:31:20 发布

阅读量165

点赞数

分类专栏： DevWeb

本文链接：https://blog.csdn.net/weixin_45157506/article/details/105215786

版权

DevWeb 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

web开发

前端：html / css / javascript(js)

后端：python / php / java

html

超文本标记语言
它不是一个可见即可得的语言
标记也叫标签或元素
元素可以分为块级元素和行内元素
- 块级元素：至少占一行，如h1到h6 / p / div
- 行内元素：不会产生换行，如span / u / i / b / s / sup / sub
网页制作，一般会在网页目录下创建一个名为static的目录
- static/css: 存放样式表文件
- static/js: 存放js代码
- static/imgs: 存放图片

CSS

层叠样式表，也叫级联样式表
用于为html设置样式

CSS样式表分类

内联样式：与标签属性类似，写在标签中

<h1 style="text-align: center">达内云计算 nsd1910</h1>

内部样式：将样式定义在head标签中，使用style声明

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>my html4</title>
    <style>
        body {
            background-color: silver;
            color: blue;
        }
        hr {
            color: red;
        }
    </style>
</head>
<body>
</body>
</html>

外部样式：将样式表写到单独的文件中

# vim static/css/mycss.css
h1 {
    text-align: center;
	color: purple;
}
# vim myhtml5.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>my html5</title>
    <link rel="stylesheet" href="static/css/mycss.css">
</head>
<body>
<h1>CSS样式表测试</h1>
</body>
</html>

baiyuani

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML

web开发前端：html / css / javascript(js)后端：python / php / javahtml超文本标记语言它不是一个可见即可得的语言标记也叫标签或元素元素可以分为块级元素和行内元素块级元素：至少占一行，如h1到h6 / p / div行内元素：不会产生换行，如span / u / i / b / s / sup / sub网页制作，一般会在...
复制链接

扫一扫