HTML+CSS-基础篇

前端基础CSS+html 2w字吐血总结 前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用 HTMLCSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域。 阅读详情

}

链接式(link)

<!doctype html>

无标题文档

在link标签中,“rel=stylesheet”

rel是关联的意思,关联的是一个样式表(stylesheet)文档

它表示这个link在文档初始化时将被使用。

一般这里是不需要改动

text/css说明引用类型文本是css一般不需要改动

只需要把href后面的路径改成自己css文件路径即可

导入式

<!doctype html>

无标题文档

二、body中常用的html标签

1. 标题(h></h)

标题是通过

-

等标签进行定义的。

标题

This is a heading

This is a heading

style=“color:yellow”>This is a heading <h4

style=“color:skyblue”>This is a heading <h5

style=“color:orange”>This is a heading <h6

style=“color:#6887FF”>This is a heading

在这里插入图片描述

2.段落

段落是通过

标签定义的。

This is another paragraph

3.段落

段落折行(br /)换行

4. 分割线hr

多用于段落之间的分割

5.显示原文本文字 (pre >< /pre)
6.文本

i:斜体字

em:斜体字,表示强调

b:粗体字

strong:粗体字,表示强调(语⽓更强)

del:删除的⽂本

ins:插⼊的⽂本

small:⼩号字体


sub:下标字

H2O

sup:上标字

x2

ruby:拼⾳rt:pinyin

</ruby

在这里插入图片描述

7.容器(div and span)

1.HTML

元素是块级元素,它是可用于组合其他 HTML 元素的容器。
元素可用于对大的内容块设置样式属性。

<div></div>

2. 元素是内联元素,可用作文本的容器

没有特定的含义。<span></span>

8.短语元素标签

都是短语元素,虽然这些标签定义的文本大多会呈现出特殊的样式,但实际上,这些标签都拥有确切的语义。但是如果您只是为了达到某种视觉效果而使用这些标签的话,我们建议您使用样式表,那么做会达到更加丰富的效果。在这里插入图片描述

8.
  • 标签、
    1. 标签、
      • 标签
  • 标签
  • 标签定义列表项目。
  • 标签可用在有序列表(
    1. )和无序列表 (
      • )中。

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后

正值金三银四招聘旺季,很多小伙伴都询问我有没有前端方面的面试题,特地整理出来赠送给大家!

资料领取方式:点击这里前往免费获取

867577)]

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

[外链图片转存中…(img-VbNBueie-1713489867577)]

最后

正值金三银四招聘旺季,很多小伙伴都询问我有没有前端方面的面试题,特地整理出来赠送给大家!

资料领取方式:点击这里前往免费获取

前端资料图.PNG

VirtualLab初学者教程-1.用户界面 目录前言一、VirtualLab Fusion简介1.软件2.内置工具箱:二、用户界面认识1.上方菜单栏2.右侧面主窗口3.底部窗口附 前言 感觉做VirtualLab的资料不是特别多,可能用的朋友也比较少吧,笔者最近也因为大创需要刚刚开始入门,把网上有的英文资料整理了一下,加了一点自己的内容发出来希望帮助更多在学习中的朋友,有用词不当之处还请多多包涵。 一、VirtualLab Fusion简介 因为是第一讲,简单啰嗦一下软件本身,参考官方介绍。 1.软件 VirtualLab是由德国LightTran 阅读详情

相关推荐

看完这文章保你面试稳操胜券——基础html/css)

✨欢迎各位小伙伴:\textcolor{blue}{欢迎各位小伙伴:}欢迎各位小伙伴: ✨ 进大厂收藏这一系列就够了,全方位搜集总结,为大家归纳出这面试宝典,面试途中祝你一臂之力!,共分为四个系列 ✨包含Vue40道经典面试题\textcolor{green}{包含Vue40道经典面试题}包含Vue40道经典面试题 ✨包含react12道高并发面试题\textcolor{green}{包含react12道高并发面试题}包含react12道高并发面试题 ✨包含微信小程序34道必问面试题\textc.

官方推荐 3万+

HTMLcss和JavaScript的基础学习—html

关于HTMLCSS,JavaScript的基础学习心得—html它们之间的联系初接触htmlhtml头部html主体html文本html图像与链接 它们之间的联系 一个基本的网站包含很多个网页,一个网页由html, css和javascript组成。 html是主体,装载各种dom元素;css用来装饰dom元素;javascript控制dom元素。 用一扇门比喻三者间的关系是:html是门的门板...

qq_38484422的博客 637

OpenOCD入门到精通:第 1 章 OpenOCD 概述

OpenOCD是一款开源的片上调试工具,支持60+调试适配器和8大处理器架构。它提供三大核心功能:片上调试、在系统编程和边界扫描测试。作为嵌入式开发工具链的中间桥梁,OpenOCD连接上层IDE/GDB与底层硬件,采用分层架构设计实现硬件兼容性。其配置基于Tcl脚本语言,支持网络服务接口,广泛应用于ARM、RISC-V等芯片的调试与烧录场景。

从事嵌入式linux android驱动开发,拥有全栈能力 1271

HTML基础 CSS

HTML基础 CSS

qq_64537903的博客 425

HTML/CSS基础

HTML/CSS基础 1.head头部介绍: 标签的作用:文档的头部描述了文档的各种属性和信息,包括文档的标题等,head标签主要包括http-equiv,title,content,script,link等 概念:语义化:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签, 2.常见的body标签: 需要强调的文本    --斜体表示 需要

zhangwenxatu的博客 394

HTML/CSS 基础

HTML/CSS 基础HTML开头标签以及作用语义化标签src和href的区别。link和@important的区别关于CSS中盒子模型CSS选择器外层边距重叠以及重叠的结果。清楚浮动的方式sprit是什么 HTML开头标签以及作用 <!DOCTYPE> 该声明位于文档最前面。告诉浏览器用何种规范解析页面。 语义化标签 标签: 1⃣️块级标签:div p h2~h6 ul li ol dl dd header footer nav main …… 独占一行(自动换行),可以宽高。 2⃣️行

weixin_44813417的博客 343

HTML+CSS基础HTML

1、了解HTMLCSS、JavaScript 学习web前端开发基础技术需要掌握:HTMLCSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的: HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容...

Panda_Program的博客 1998

HTMLcss和JavaScript的基础学习—css

HTMLcss和JavaScript的基础学习—css 1.css是什么?由什么组成? 层叠样式表,定制html元素的显示样式,美化页面,对于前端页面的搭建十分重要。 由三部分组成:选择器,属性,值。 2.css的作用 (1)CSS 指层叠样式表 (Cascading Style Sheets) (2)样式定义如何显示 HTML 元素 (3)样式通常存储在样式表中 (4)把样式添加到 HTM...

qq_38484422的博客 281

HtmlCSS基础知识CSS基础

认识CSS样式 CSS的全称“层叠样式表(cascading style sheets)”,它主要用于定义HTML内容在浏览器内显示样式,如字体大小、颜色、粗细等。 示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>第一个网页标题</title> <link> <style&gt

yyxhzdm的博客 691

前端基础-深入了解用 HTMLCSS 实现标题排版

HTMLHTML 是一种标记语言,用于描述网页的结构和内容。通过使用 HTML 标签,可以定义网页中的文本、图像、链接等元素的结构和排版。HTML 提供了一种标准化的方式来创建网页内容,并且是构建网页的基础CSSCSS 是一种样式表语言,用于控制网页的外观和布局。通过使用 CSS 样式规则,可以定义网页元素的样式,如字体、颜色、大小、间距、布局等。CSS 可以将样式和结构分离,使得网页设计更加灵活和易于维护。

小扳手 2382

前端HTML+CSS+JavaScript基础

前段基础 包含html+css+JavaScript的基础知识 搞定这些可以制作简单的网页并可以使用js进行简单的编程

qq_45607971的博客 867

前端基础1--htmlcss基础

HTML 简介 一.网页的相关概念 网站:网页的集合 网页:文字、图片等组成 html:超文本标记语言 网页的形成:浏览器打开html文件就看到我们的网页 额外的概念:文件和文件名 二.常用浏览器以及内核 常用的浏览器:chrome浏览器 web标准 制定者:w3c组织 构成: 结构(html+ 表现/样式(css)+行为(javaScript) html标签 html语法规范 语法 :<html></html> 左尖括号 关键词 右尖括号 标签

咖啡壶的博客 298

HTML +CSS基础知识 CSS

HTML +CSS基础知识 CSS

qq_52785624的博客 428

HTML+CSS基础CSS下)

CSS格式化排版 === ##1、字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。 body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字

Panda_Program的博客 840

2、HTML入门——HTML元信息

HTML学习笔记

qq_51180928的博客 264

基于FPGA的16通道AD采集(CL1616)硬件原理图设计

该硬件设计利用FPGA(国产FPGA芯片FMK-50T4,兼容xilinx芯片xc7a50tfgg484)和模数转换器CL1616(兼容AD7616)实现了对16个通道的高速、高精度数据采集。CL1616是一款支持16通道双路同步采样的16位DAS(数据采集系统),能够处理多种真双极性输入信号,并通过并行接口将转换后的数字信号传输给FPGA进行后续处理。CL1616 采用 5 V 单电源供电,可以处理±10 V、±5 V 和±2.5 V 真双极性输入信号,同时每对通道均能以高达 1 MSPS 的吞吐速率和 90 dB SNR采样。FPGA作为主控芯片,负责控制CL1616的工作模式、读取数据以及实现必要的数据处理功能。本资源为其原理图设计。

上一篇: ES6 对象解构的用法与用途
下一篇: IDEA+Java+SSM+JSP+Mysql+Tomcat实现Web药品信息管理系统(1)
radcb55226
博客等级 码龄2年 2754粉丝 · 258原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值