web复习(一)

web前端开发基础知识

1.html

html是超文本标记语言,是构成网页的基本语言。

html标签

复制代码
    <html>

        <head>

            <title>网页标题</title>

        </head>

        <body>      

            <h1>标题</h1>

            <p>段落</p>

        </body>

    </html>

2.css

css是层叠样式表,是用于描述HTML文档外观和格式的样式表。

css选择器

复制代码
        <style>

            h1 {

                color: red;

            }

        </style>

HTML5基础

文本标记

1.实现段落与段内换行

<p>段落</p>

<p>段落<br>段落</p>

2.实现标题

<h1>标题</h1>

<h2>标题</h2>

<h3>标题</h3>

3.文字居中

<center>文字</center>

4.文字加粗

<b>文字</b>

5.文字倾斜

<i>文字</i>

6.文字下划线

<u>文字</u>

7.文字删除线

<del>文字</del>

8.文字上标

<sup>文字</sup>

9.文字下标

<sub>文字</sub>

10.设置文字段落的缩进

<blockquote>文字</blockquote>

HTML标记与HTLM属性

align属性

<p align="center">文字</p>

bgcolor属性

<p bgcolor="red">文字</p>

字体大小颜色 <font size="5" color="red">文字</font>

网页中使用图片<img src="image.jpg" alt="图片">

网页中使用超链接<a href="https://www.baidu.com">链接</a>

CSS3基础

基本的CSS选择器

标记选择器

<style>

p {

color: red;

}

</style>

类别选择器

<style>

.red {

color: red;

}

</style>

ID选择器

<style>

#red {

color: red;

}

</style>

后代选择器

<style>

.red p {

color: red;

}

</style>

在HTML中使用CSS的方法

行内样式

<p style="color: red;">文字</p>

内嵌式

<style>

p {

color: red;

}

</style>

链接式

<link rel="stylesheet" href="style.css">

导入样式

<style>

@import "style.css";

</style>

各种方式的优先级问题

行内样式>内嵌样式>链接样式>导入样式

相关推荐
杨进军12 分钟前
React 创建根节点 createRoot
前端·react.js·前端框架
ModyQyW27 分钟前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
说码解字33 分钟前
Kotlin lazy 委托的底层实现原理
前端
爱分享的程序员1 小时前
前端面试专栏-算法篇:18. 查找算法(二分查找、哈希查找)
前端·javascript·node.js
翻滚吧键盘1 小时前
vue 条件渲染(v-if v-else-if v-else v-show)
前端·javascript·vue.js
vim怎么退出1 小时前
万字长文带你了解微前端架构
前端·微服务·前端框架
你这个年龄怎么睡得着的1 小时前
为什么 JavaScript 中 'str' 不是对象,却能调用方法?
前端·javascript·面试
Java水解1 小时前
前端常用单位em/px/rem/vh/vm到底有什么区别?
前端
CAD老兵1 小时前
Vite 如何借助 esbuild 实现极速 Dev Server 体验,并支持无 source map 的源码调试
前端
南屿im1 小时前
JavaScript 手写实现防抖与节流:优化高频事件处理的利器
前端·javascript