CSS字体样式值,前端开发基础学习

news2024/11/17 23:27:40
元素特点:

块状元素

  • 在页面中以矩形区域显示。
  • 自上而下排列,独占一行
  • 可以直接添加宽高
  • 一般情况下,作为其他元素或内容的容器

行内元素

  • 在页面中最小单位也是矩形。
  • 在一行内逐个排列。
  • 不可以直接添加宽高,大小是由内容撑开的。
  • 内联元素也符合盒模型的规则,但是个别属性会出现问题(padding-top/bottom margin-top/bottom)
  • 内联元素在一行内排列的时候,之间有间距

行内快元素

  • 可以设置宽高。
  • 默认情况下,在一行内逐个显示,之间有间距。
  • 当前元素的display值为inline-block时,能支持vertical-align属性。
常用元素:

块状元素:

标签作用
div最常用的块级元素
dl和dt-dd 搭配使用的块级元素
form交互表单
h1 -h6标题
hr水平分隔线
ol有序列表
p段落
ul无序列表
li列表标签
fieldset表单字段集
c
戳这里领取完整开源项目:【一线大厂前端面试题解析+核心总结学习笔记+Web真实项目实战+最新讲解视频】

olgroup-co|表单列分组元素
|table-tr-td|表格及行-单元格

行内元素:

标签作用
a超链接(锚点)
b粗体
br换行
i斜体
em强调
img图片
input输入框
label表单标签
span常用内联容器,定义文本内区块
strong粗体强调
sub下标
sup上标
textarea多行文本输入框
u下划线
select项目选择

行内块元素:

标签作用
input表单标签
img图片标签
元素类型转换:

display属性
作用:检索或者设置元素生成的盒模型类型。

常用属性值

  • display:block;
    作用:将元素转成块状元素,拥有块状元素特点。
    补充:大部分块状元素,默认的display的值都是block;

  • display:inline;
    作用:将元素转成内联元素,拥有内联元素的特点。
    补充:大部分内联元素,默认的display的值inline;

  • display:none;
    作用:将当前隐藏,并不占据空间。

最后

除了简历做到位,面试题也必不可少,整理了些题目,前面有117道汇总的面试到的题目,后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。

  • 开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1492507.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

FPGA高端项目:FPGA基于GS2971的SDI视频接收+HLS图像缩放+多路视频拼接,提供4套工程源码和技术支持

目录 1、前言免责声明 2、相关方案推荐本博已有的 SDI 编解码方案本方案的SDI接收转HDMI输出应用本方案的SDI接收图像缩放应用本方案的SDI接收纯verilog图像缩放纯verilog多路视频拼接应用本方案的SDI接收HLS动态字符叠加输出应用本方案的SDI接收HLS多路视频融合叠加应用本方案…

GIT使用学习笔记

最近发现了一个学习git的网站,可以学习git常用的命令,并且可以实操练习以及动画演示,通关以后对git有了非常深入的理解,希望大家也去这个网站里面实际操作一下,我这边仅作笔记,方便自己后续查阅 https://le…

技术选型思考:分库分表和分布式DB(TiDB/OceanBase) 的权衡与抉择

在当今数据爆炸的时代,数据库作为存储和管理数据的核心组件,其性能和扩展性成为了企业关注的重点。随着业务的发展和数据量的不断增长,传统的单库单表架构逐渐暴露出性能瓶颈和扩展性限制。为了应对这些挑战,企业常常需要在分库分…

学习c语言:动态内存管理

一、为什么要有动态内存分配 我们已经掌握的内存开辟⽅式有: int val 20; //在栈空间上开辟四个字节 char arr[10] {0}; //在栈空间上开辟10个字节的连续空间 但是上述的开辟空间的⽅式有两个特点: • 空间开辟⼤⼩是固定的。 • 数组在申明的时候&…

StarUML6.0.1使用

1. 简介 作为一个软件开发人员,平时免不了做一定的软件设计,标准做法就是采用UML来设计: 讨论功能流程时采用时序图、活动图来表达;做业务功能架构时采用组件图来表达;做系统部署架构时采用部署图来表达;做…

python一张大图找小图的个数

python一张大图找小图的个数 一、背景 有时候我们在浏览网站时,发现都是前端搞出来的一张张图,我们只能用盯住屏幕的小眼睛看着,很累的统计,这个是我在项目中发现没办法统计,网上的教程很多,都不成功&…

微信小程序开发系列(十一)·小程序页面的跳转设置以及参数传递

目录 1. 跳转到商品列表 1.1 url: 当前小程序内的跳转链接 1.2 navigate:保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面 1.3 redirect: 关闭当前页面,跳转到应用内的某个页面。但不能跳转到 tabbar 页面…

flutter小程序框架,Android工程师面试该怎么准备

一般官网或者猎聘网的职位要求都写的很清楚,大家对照看一下就大体清楚能否胜任了。就算没成功也能发现自己的不足然后补上挺好的。 OPPO这些大点的厂子,对java语言,源码层,项目经验等都看到很重。需要有比较系统的知识体系&#…

个人社区 项目测试

目 录 一.背景及介绍二.功能详情三.手动测试1.编写测试用例2.测试 一.背景及介绍 该项目采用了前后端分离技术,把我们的数据保存到数据库中,操作对象是用户和个人文章编辑保存,前端的页面实现了登录,列表,编辑&#x…

突发,Anthropic推出突破性Claude 3系列模型,性能超越GPT-4

🦉 AI新闻 🚀 突发,Anthropic推出突破性Claude 3系列模型 摘要:人工智能创业公司Anthropic宣布推出其Claude 3系列大型语言模型,该系列包括Claude 3 Haiku、Claude 3 Sonnet和Claude 3 Opus三个子模型,旨…

计算机组成原理----数据的表示和运算

一:进位计数制 1、进制 B:二进制:0-1 逢二进一、借一当二 O:八进制:0-7 逢八进一 D:十进制:0-9 逢十进一 H:十六进制:0-9、A-F 逢十六进一 r进制2 2、…

基于 Kyuubi 实现分布式 Flink SQL 网关

本文整理自网易互娱资深开发工程师、Apache Kyuubi Committer 林小铂的《基于 Kyuubi 实现分布式 Flink SQL 网关》分享,内容主要分为以下四部分: Kyuubi 是什么Kyuubi 架构设计Flink x Kyuubi 优势未来展望 一. Kyuubi 是什么 1.1. Kyuubi 简介 简单来…

HashData的湖仓一体思考:Iceberg、Hudi特性讲解与支持方案

湖仓一体作为一种新兴的开放式数据管理架构,能够充分发挥数据湖的灵活性、生态丰富以及数据仓库的企业级数据分析能力,已经成为企业建设现代数据平台的热门选择。 在此前的直播中,我们分享了HashData湖仓一体方案架构设计与Hive数据同步。本…

Xcode 15 适配 MonkeyDev

升级到Xcode15后,使用Xcode创建MonkeyApp后,运行会报错,本篇文章主要讲述此过程遇到的错误和解决办法。 问题1:找不到libc++.dylib文件 问题描述: Build input files cannot be found: /usr/lib/libstdc++.dylib, /usr/lib/libc++.dylib. Did you forget to declare th…

SPSS26安装后无法启动,提示:应用程序的并行配置不正确

以下的解决方法供参考: 1、安装jdk并配置 2、 找到安装目录\Statistics\26\VC9下的vcredist_x64.exe,打开安装并选择“repair”,安装完成后重启,一般可以成功。 3、若还不行,安装较新的C运行库,再试试。 …

docker-compose Install rustdesk

RustDesk RustDesk 是一款开源的远程支持和远程桌面工具,它旨在为用户提供便捷的远程协助和远程访问功能。 默认情况下,hbbs 监听21115(tcp), 21116(tcp/udp), 21118(tcp),hbbr 监听21117(tcp), 21119(tcp)。务必在防火墙开启这几个端口, 请注意21116同时要开启TCP和UDP。…

HCIA-Datacom题库(自己整理分类的)_45_VLAN判断【12道题】

1.华为交换机上可以使用命令vlan batch批量创建多个VLAN,简化配置过程。√ 2.同一台交换机VLANIF接口的IP地址不能相同√ 3.华为交换机上创建VLAN的规则是不能创建VLAN4095,且不可以删除VLAN1。√ 4.交换机上可以用vlan batch 批量创建vlan简化配置。…

html 文字滚动

<marquee> 标签 创建文字滚动的标签 <!DOCTYPE html> <html><head><meta charset"UTF-8"><title>wzgd</title></head><body><marquee direction"left" height"30" width"600&q…

谈一谈bpmn-js中的moddleExtensions

bpmn-js是一个基于BPMN 2.0规范定义的一个bpmn文件读写一体化编辑解决方案,其中bpmn的读写功能依托于bpmn-moddle工具库来实现。使用bpmn-moddle来进行bpmn文件的读取和写入不是随心所欲的,它又一套自己的校验标准,默认的bpmn-moddle是基于BPMN 2.0 元模型进行校验输入并生成…

C语言数据结构与算法——深度、广度优先搜索(DFS、BFS)

目录 一、深度优先搜索&#xff08;Depth-First-Search 简称&#xff1a;DFS&#xff09; 无向图的深度优先搜索 有向图的深度优先搜索 二、广度优先搜索&#xff08;Breadth-First-Search 简称&#xff1a;BFS&#xff09; 无向图的广度优先搜索 有向图的广度优先搜索 深…