首页 > 其他分享 >前端

前端

时间:2024-04-23 11:37:01浏览次数:24  
标签:样式 标签 前端 元素 文档 display block

HTML初解

html标签分类

  • 标签为什么要分类?
    • 分类可以使html结构更加清晰
  • 标签:都有自己的名字和特征,分为:单标签和双标签
    • 单标签:就是没有结束标签
      • 常用img -- br -- hr
        -双标签:有开始和结束标签
      • 例如.div
      • 可以在双标签中去嵌入子标签和文本内容(文字和图像)
  • 模式分类(重点)
    • 块元素
      • 默认就自带样式属性display:block
      • 行内块级元素
        • 样式属性 display:block
      • 行内元素
        • 样式属性 display:inline

网站如果没有标记会怎样

  • 如果一个网页,全部都是文字,全部会堆在一起
    • 分门别类就要用不同的标记
    • 网页从左至右,会形成一个文档流,body文档流,典型的块元素

块元素

  • 特征:从左至右都属于这个元素的空间,并不是因为内容少就不换行,独占文档流
  • 可以受到宽度和高度,padding和margin的影响
  • 默认就自带样式属性:display:block
  • 典型标签:
    • div
    • p
    • h1 ~ h6
    • ul/li
    • ol/li
    • table
    • form
  • 块元素不能使用text-align:center去居中

行内块元素

  • 可以受到宽度和高度,padding和margin的影响
  • 不独占文档流,随波追流
  • 默认自带样式属性 display:inline-block

标签:样式,标签,前端,元素,文档,display,block
From: https://www.cnblogs.com/AImagic/p/18152438

相关文章

  • 前端【uniapp】06-uniapp【练习项目 · 神领物流】【任务【交付】【回车登记】【已完
    uni-app(神领物流)项目实战学习目标:能够独立完成回交付、回车登记的功能能够自定义回车登记交互组件能够使用Pinia实现组件间数据共享能够打包发布H5、小程序和App项目应用能够配置App的图标及启动屏幕一、【神领物流】任务1、交付司机在将货物运达目......
  • 使用GitHub Actions和GitHub pages实现前端项目的自动打包部署
    1.引言Asweallknow,前端部署项目是比较简单的,通常情况下只需要将打包的产物(index.html、.js文件、.css文件等)放在Web服务器下就......
  • 前端【uniapp】03-uniapp【练习项目 · 神领物流】
    uni-app(神领物流)项目实战学习目标:能够对Pinia进行初始化操作掌握创建Store及数据操作的步骤能够对Pinia数据进行持久化的处理掌握uniForm表单验证的使用方法能够根据业务需求配置请求/响应拦截器一、【神领物流】项目启动本节的主要任务是获取项......
  • 前端【uniapp】02-uniapp【全局文件】【组件【内置、扩展】】【声明周期】【API调用】
    一、uni-app基础知识uni-app是组合了Vue和微信小程序的相关技术知识,要求大家同时俱备Vue和原生小程序的开发基础。1、全局文件在小程序中有全局样式、全局配置等全局性的设置,为此在uni-app中也有一些与之相对应的全局性的文件。uni.scssuni-app项目在运......
  • 今天又是写前端的一天--web实验二
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>LoginPage</title><......
  • 实现前端点击图片并显示
    参考:【前端解决方案】inputfile上传图片,并实现实时预览_fileinput动态加载预览数据-CSDN博客  <divclass="am-form-groupam-form-file"><divclass="tpl-form-file-img"><imgid="backim......
  • 刚交付了智慧园区统一管理平台,前端零代码+后端零代码+物联网平台,完美搭配!(一)
    先看下交付效果,2人3个月完成,涉及120个页面,80来个接口,30多个二级模块。其中负责前端的实施工程师,无需懂任何代码编程。其中界面和功能,基本是严格按照墨刀的产品原型实现的: 记录下这个有意思的过程。我是后端工程师,前端开发懂一点点但也不多,平时开发底层为主,CURD项目业务......
  • 持续性学习-Day15(前端基础CSS3)
    参考教学视频:秦疆1.什么是CSSCascadingStyleSheet层叠样式表CSS3圆角、阴影、动画...浏览器兼容性CSS优势:内容和表现分离网页结构表现统一,可以实现复用样式十分的丰富建议使用独立html的css文件利用SEO,容易被搜索引擎收录2.入门<linkrel="styleshee......
  • 前端如何防止接口重复提交
    什么是接口重复提交?接口重复提交指的是在网络通信中,同一个请求被客户端多次发送到服务器端的情况。这种情况可能由于多种原因导致,例如用户在等待期间多次点击提交按钮、网络超时后客户端重新发送请求、客户端发送的请求在网络传输过程中出现重复等。接口重复提交可能会导致多种......
  • 通用的后端返回给前端的状态信息Result
    packagecom.duxiang.backgroundmanagement.common;/***返回消息*/publicclassResult{privatestaticfinalStringSUCCESS="0";privatestaticfinalStringERROR="-1";privateStringcode;privateStringmsg;privateObj......