Day 1:html、css学习

js内容多点,大概花俩天去学

首先下载了vscode,里面插件功能很强大

快捷键!直接显示大体结构

处理div和sign里的课设置id,class,属性,对于同时对一条语句生效的,设置范围小,优先级高

id>class>属性(h1,h2)

HTML(Hypertext Markup Language)

HTML是一种标记语言,用于描述网页的结构和内容。HTML文档由一系列HTML元素组成,每个元素用标签来定义。以下是HTML的基本组成部分:

标签(Tags):HTML文档中的基本构建块,用尖括号(<>)括起来,如<html>、<head>、<body>等。

元素(Elements):标签与标签之间的内容组成一个元素,如<p>这是一个段落</p>,其中<p>和</p>分别是开始标签和结束标签,内容在两者之间。

属性(Attributes):用于提供有关元素的额外信息,通常位于开始标签中。例如,<a href="https://www.example.com">链接</a>中的href是一个属性,用于指定链接的URL。

文本内容(Text Content):元素中的实际文本或嵌套的子元素。

嵌套(Nesting):HTML元素可以嵌套在其他元素内,以创建层次结构。例如,<div>元素可以包含<p>、<a>等其他元素。

注释(Comments):可以使用<!-- 注释内容 -->来添加注释,这些注释不会在页面上显示,但对于开发人员来说是有用的。

HTML的主要作用是定义页面的结构,包括标题、段落、列表、图像、链接等。

CSS(Cascading Style Sheets):

CSS用于控制网页的外观和样式。它将样式规则应用于HTML元素,以定义它们的颜色、字体、大小、布局等方面。以下是CSS的基本组成部分:

选择器(Selectors):选择器用于选择要应用样式的HTML元素。例如,p选择器选择所有段落元素。

属性(Properties):属性定义要应用的样式属性,如color(文字颜色)、font-size(字体大小)等。

值(Values):属性的值指定要应用的具体样式。例如,color: red;将文字颜色设置为红色。

相关推荐
你脸上有BUG6 分钟前
Css实现悬浮对角线边框动效
前端·css·动画
ThreeYear_s14 分钟前
基于FPGA的PID算法学习———实现PID比例控制算法
学习·算法·fpga开发
烛阴21 分钟前
开发者神器:如何在浏览器控制台玩转第三方库,让调试效率翻倍!
前端·javascript
crary,记忆30 分钟前
Module Federation 和 Native Federation 的比较
前端·webpack·angular
why技术36 分钟前
翻译翻译,什么叫“编程专用”的显示器?
前端·后端
_李小白1 小时前
【OSG学习笔记】Day 18: 碰撞检测与物理交互
笔记·学习·游戏·3d
拉不动的猪1 小时前
JQ常规面试题
前端·javascript·面试
海上彼尚1 小时前
Monorepo + PNPM 搭建高效多项目管理
前端·js·源代码管理
Sleepless_斑马1 小时前
【FFmpeg学习(1)】图像表示
学习·ffmpeg
Random_index2 小时前
#Uniapp篇:chrome调试&&unapp适配
前端·chrome·uni-app