HTML和CSS的基础知识点(初学者篇二)

最新推荐文章于 2025-05-27 13:25:32 发布
最新推荐文章于 2025-05-27 13:25:32 发布
阅读量261 收藏 2
点赞数 3
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： css html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ITjun666/article/details/127464583
本文详细探讨CSS的作用，包括精确排版、字体样式、元素转换、文本溢出、定位方法、表格与表单基础，以及PC端自适应与兼容技巧。深入理解层叠样式表在现代Web开发中的核心技术和实践应用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

CSS的简介:

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 [1] 

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

元素类型

元素类型的转换

 文本溢出

 vertical-align的相关属性

 css的文档流

 锚点与透明属性

 定位居中的方案

 相对定位与绝对定位的区别

 

 Table的基础属性及作用

 form表单基础知识点

 table和css新增的属性

 fieldset字段集

 伪对象选择器

 PC端宽高自适应

 兼容写法

 

html与css基础
xiaowu1127的博客
10-20 895
html与css基础
HTML+CSS基础
weixin_33727510的博客
08-11 137
第一章 一、样式 1、行间样式，代码不可维护，不推荐 2、内联样式，不可重用，不推荐 3、外联样式，可重用，可维护，推荐 <link rel="stylesheet" href="...css" /> 二、边框 1、组成：border: 1px [ solid | dashed |double ] red; ...
html css基础
yadibaibai的博客
03-22 216
1、显示省略号 a.设置width; b.white-space:nowrap；（空余空间） c.overFlow:hidden；（清除浮动） d.text-overflow:ellipsis； 2、定位 position：relative；相对定位 占位置； position：absolute；绝对定位 不占位置； position：fixed；固定位置 内联转块状； 3...
HTML+CSS基础知识详细汇总合集（超全面）
2302_80551135的博客
05-27 1036
本文总结了网页开发的基础知识，主要包括HTML和CSS两大核心内容： 一、HTML部分 介绍网页三大构成 详解HTML基本结构和常用标签：排版标签、媒体标签、列表标签、表格标签和表单标签 说明各类标签的语法和属性设置方法 二、CSS部分 讲解CSS引入方式、选择器类型和优先级规则 阐述字体、文本、背景等样式设置方法 说明盒模型概念及浮动、定位等布局技术 介绍元素显示模式转换和装饰效果实现 全文系统性地梳理了网页开发的基础概念和技术要点，适合作为前端入门学习的参考指南。
html+css基础
qq_41985171的博客
04-12 293
一、WEB前端标记的类型与特点单标记:某些标记称为"单标记"，因为它只需要单独使用就能完整地表达意思记的语法如下：&lt;标记名称/&gt;；最常用的单标记是&lt;br/&gt;，它表示换行。双标记:双标记由"始标记"和"尾标记"两部分构成，必须成对使用。语法如下：&lt;标记&gt;内容&lt;/标记&gt;；最常见的就是&lt;div&gt;&lt;/di
html和css基础
~zZ的博客
04-18 1496
前言：不知道从哪里扒下来的，一直存在我的电脑里，如果原作看到了，请不要介意哈！大家资源共享哈！！！ 1、网页HTML代码最前面必须包括W3C声明，以便符合标准： 一般网页： 框架页： 2、网页编码声明： 简体中文网页为gb2312 繁体中文网页为big5 英文网页为utf-8 3、采用CSS链接方式，全站使用同一个CSS文件，实现内容与表
HTML+CSS3基础知识点资源
03-14
同时，CSS3的定位机制（static、relative、absolute和fixed）也是重要的知识点，它们决定了元素相对于其父元素或视口的位置。 学习HTML+CSS3时，动手实践至关重要。通过创建简单的网页并不断修改样式，你可以直观地...
这篇文章是关于HTML和CSS基础教程的内容总结，主要涵盖了HTML与CSS的基础概念、语法、以及实际应用中的关键知识点 以下是文章的主要内容总结：
04-21
适合人群：适合希望成为网页设计师或开发者的初学者，尤其是对HTML和CSS感兴趣但缺乏系统学习途径的人群。 使用场景及目标：① 通过项目驱动的学习方式，帮助读者从零开始构建一个完整的网站；② 教授HTML和CSS的...
初学者HTML+CSS猫眼PC端静态页面制作
最新发布
06-16
在本项目中，“HTML+CSS猫眼PC静态页面”是一项专为前端初学者打造的实践教程，目的是帮助学习者掌握HTML和CSS的基础知识，并通过实际操作来提升技能。以下是该项目涉及的关键知识点及其应用： HTML基础：HTML是网页...
Facebook:用于HTML和CSS初学者的初学者项目，用于创建Facebook登录名和内部阶段的UI
04-28
这个项目是为HTML和CSS初学者设计的，目的是让他们通过构建一个Facebook登录页面以及内部界面的UI来学习和实践这两种基础的网页开发技术。这可以帮助新手理解如何将理论知识应用到实际项目中，提升他们的动手能力。 ...
HTML+CSS-基础篇
可可的博客
11-15 714
HTML+CSS基础篇（干货） 一.基本架构 <!doctype html> <html> <head> <meta charset="utf-8"><!--制定编码格式utf-8--> <title>无标题文档</title><!--文档名--> </head> <style><!--这里可以放页面引用的css样式部分--></style> <body&gt
html+css notes (ongoing 20/4/12)
weixin_45743001的博客
03-03 666
HTML+CSS 笔记 注释 <!-- 注释内容 --> 元素 <a>内容</a> 超链接 <a href="https://www.baidu.com" title="baidu">百度</a> 属性的种类 全局属性：title 局部属性: 元素的种类 空元素：没有结束标记 <meta charset="UTF-8">...
html+css基础（一）
seonmxing的博客
05-28 142
相对路径和绝对路径相对路径的好处是站点文件可以拷着走，站点不管拷贝到哪里，文件和图片的相对路径关系都是不变的。但是相对路径使用有一个前提，就是网页文件和图片必须在一个服务器上。比如，你现在想插入一个新浪网上的图片，就要用绝对路径。所有以http://开头的路径，就是绝对路径CSS选择器标签选择器：选择所有的标签，经常用来初始化标签id选择器：同一个页面内id不能重复类选择器：同一个页面内class...
html和css基础知识
Megustas_JJC的博客
10-17 868
一，html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框
【HTML】HTML、CSS基础
qq_47746614的博客
08-31 381
自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以标签开始。每个自定义列表项以开始。每个自定义列表项的定义以开始。< dl > < dt > java < dd > java基础 < dd > java高级 < dt > HTML < dd > p标签 < dd > span标签 < dd > 列表标签
[HTML/CSS基础]知识点汇总
DuFengYa的博客
11-08 1085
超文本标记语言（Hyper Text Markup Lauguage） 用该语言编写的文件，以.html或.htm为后缀
html入门之css基础详解
yunduanaoligei的博客
12-08 257
今天分享下html入门之css基础详解这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 我将利用三天的时间段来进行制做京东首页的静态网页实际效果，在其中含有的主要内容有html及其css。 1.在开发设计开展以前，最先要配备开发工具：大家必须安裝sublime webstorm vscode Hbuilder atom等软件开发，挑选其一就可以。我所应用的是webstorm。 2.在主文件夹中创建相关的新项目文
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值