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;将文字颜色设置为红色。

相关推荐
葡萄城技术团队几秒前
解锁 SpreadJS 扩展能力:ECharts 集成与自定义渲染实战
前端
来一颗砂糖橘2 分钟前
CSS 清除浮动深度解析:从 clear: both 到现代布局方案
前端·css·clearboth·清除浮动
南宫码农4 分钟前
Node.js和npm本地安装详细教程(全系统适配)
前端·npm·node.js
我命由我123459 分钟前
前端开发 - this 指向问题(直接调用函数、对象方法、类方法)
开发语言·前端·javascript·vue.js·react.js·html5·js
小黑的铁粉10 分钟前
ecahrts图形多的页面,怎么解决数据量大的渲染问题?
前端·echarts
降临-max11 分钟前
JavaWeb企业级开发---Maven高级
java·笔记·学习·maven
低保和光头哪个先来11 分钟前
TinyEditor 篇1:实现工具栏按钮向服务器上传图片
服务器·开发语言·前端·javascript·vue.js·前端框架
A黄俊辉A19 分钟前
webstorm+vue+esLint+pretter配置
前端·vue.js·webstorm
TYFHVB1220 分钟前
2026六大主流CRM横评,五大核心维度深度解析
大数据·前端·数据结构·人工智能
Gorgous—l23 分钟前
数据结构算法学习:LeetCode热题100-贪心算法篇(数组中的第K个最大元素、 前 K 个高频元素、数据流的中位数)
数据结构·学习·算法