首页 > 其他分享 >使用css和html初步搭建页面

使用css和html初步搭建页面

时间:2024-09-06 18:36:58浏览次数:11  
标签:h1 html 设置 使用 css 页面

由于很多html标签在博客中会生效,所以我有时候会简写
1.html分为头部head和body.头部中定义标题title


2.设置标题使用h1,共有六级为h1~h6.想要设置标题具体颜色要使用css,的style,有三种方式
(1)h1 color:(2)写一个外部css文件(3)使用设置.同时使用元素选择,ID选择,类选择可以单独设置格式

3.进行换行和水平线分割使用,br,hr,段落使用p,/p标记


5.给每一段设置缩进,加几个好看的图,把字体的行高调整,最后加上编者设置成右对齐,这里要使用到选择.给id定义style要前面加'#',类使用'.',图片直接从网上找的


6.这样写出来页面很丑陋,所以我们可以使用盒子模型进行排版.使用div标签来进行这样就可以文字居中了,

标签:h1,html,设置,使用,css,页面
From: https://www.cnblogs.com/yuanshitianzun123/p/18400797

相关文章

  • PbootCMS网站修改CSS样式后自动更新缓存
    在PbootCMS中,如果你修改了CSS样式但发现浏览器显示的页面样式并未更新,这通常是因为浏览器缓存了旧的CSS文件。为了确保修改后的样式能够立即生效,你可以采取以下几种策略来自动更新缓存:1.更新文件版本号在CSS文件的URL后面加上一个版本号或者时间戳,当文件更新时,这个版本号也会改......
  • 了解CSS布局——WEB开发系列29
    CSS页面布局技术允许我们拾取网页中的元素,并且控制它们相对正常布局流、周边元素、父容器或者主视口/窗口的位置。一、正常布局流(NormalFlow)CSS的布局基础是“正常流”,也就是页面元素在没有特别指定布局方式时的默认排列方式。正常流分为两种主要类型:块级元素:默认情况下,块级元素......
  • JS 将HTML页面转为PDF或者World 并下载
    html导出为PDF是先使用html2canvas转为图片,再将图片通过jspdf.js转为PDFhtml导出为word是利用大佬的JS库,GitHub项目地址如下:https://github.com/huangbohang/export-word/tree/main只涉及到前端的操作使用操作如下1//JS引用2<scriptsrc="https://html2canvas.hertzen.com......
  • tailwindcss学习:1. vue项目配置 tailwindcss
    官网的配置是需要一个cli去生成一份CSS,我简单总结一下更加干货的配置办法:1.pnpmipostcssautoprefixertypescript2.配置postcss.config.cjsmodule.exports={plugins:{tailwindcss:{},autoprefixer:{},},};3.执行npxtailwindcssinit4.项目的sr......
  • HTML/CSS/JS学习笔记 Day2(HTML)
    跟着该视频学习,记录笔记:【黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程】https://www.bilibili.com/video/BV14J4114768?p=12&vd_source=04ee94ad3f2168d7d5252c857a2bf358Day2 内容梳理:目录HTML2.0网页开发的标签2.1基础标签的含义......
  • 若想学 HTML,应从何入手?
    学习指南一、HTML基础(一)HTML简介是一种用于描述网页结构和内容的标记语言。它使用标签来定义文本、图像、链接等元素,并通过浏览器进行解析和显示。学习HTML基础是理解网页设计和开发的关键。本部分将介绍HTML的基本概念、语法和常用标签,帮助读者快速掌握HTML的基础知识。(二......
  • CSS盒模型
    文档流网页是一个多层的结构,设置样式也是一层一层的设置,最终我们看到的最上面的一层。文档流是网页最底层​我们创建的元素默认情况下,都在文档流中​元素分为两种状态:在文档流中,脱离文档流元素在文档流中的特点​块元素​1:会独占一行​2:......
  • [python][selenium] Web UI自动化页面切换iframe框架
    关联文章:WebUI自动化8种页面元素定位方式1、切换iframe的方法:switch_to.frame  方法的入参有4种:  1.1、id  1.2、name  1.3、index索引  1.4、iframe元素对象2、返回主文档(最外层的页面)的方法:switch_to.default_content()3、返回到上一级iframe的方法:switch_to.p......
  • 【H2O2|全栈】关于HTML(4)HTML基础(三)
    HTML相关知识目录HTML相关知识前言准备工作标签的具体分类(三)本文中的标签在什么位置中使用?列表​编辑​编辑有序列表 无序列表自定义列表表格拓展案例预告和回顾后话前言本系列博客将分享HTML相关知识点。这一期博客,我们来讲解列表和表格相关的标签。本......
  • 在 Vue3 中使用 CSS Modules 实现样式隔离
    在Vue3中使用CSSModules实现样式隔离随着构建现代前端应用的需要,样式的管理和隔离变得越来越重要。为了解决样式冲突和管理困难的问题,CSSModules应运而生。今天,我们将讨论如何在Vue3中使用CSSModules实现样式隔离,特别是在使用新的setup语法糖的情况下。什么......