H5+CSS3+JS逆向前置——CSS3、基础样式表
H5+CSS3+JS逆向前置——CSS3、基础样式表
HTML概述
HTML，全称超文本标记语言（Hypertext Markup Language），是一种用于创建网页的标准标记语言。HTML为网页提供了一种结构性的标记方式，使得浏览器可以正确地解析和显示网页内容。
HTML的主要元素包括：
元素：包括段落、标题、链接、图像、列表等等。HTML为这些元素提供了特定的标签，如<p>、<a>、<img>、<ul>、<li>等。
属性：这些是HTML元素中可以包含的额外信息，如链接的href属性，图像的src和alt属性等。
样式CSS：HTML5引入了内联样式（通过HTML元素直接包含的样式）和外部样式表（通过CSS文件定义的样式）两种方式来控制网页的外观和格式。
脚本JavaScript：HTML5支持通过JavaScript嵌入到网页中，使得网页可以具有交互性。
HTML文档的基本结构通常包括一个<!DOCTYPE html>声明，一个<html>元素，以及若干个<head>和<body>元素。其中，<body>元素包含了网页的所有内容，如文本、图片、视频、音频、链接等等。
HTML是一种基础且重要的技术，它为创建网页提供了基础结构和框架，使得我们可以添加样式、脚本和内容。然而，仅仅使用HTML可能无法创建出具有复杂交互性和动态内容的网站，因此通常还需要配合CSS（用于样式设计）和JavaScript（用于添加交互性）的使用。
开发工具：Visual Studio Code
运行插件：Preview on Web Server
正文——CSS属性
CSS (Cascading Style Sheets) 是一种用于描述网页样式和布局的语言。以下是一些常见的 CSS 属性：
字体和文本属性：
font-family：用于设置字体类型。
font-size：用于设置字体大小。
font-weight：用于设置字体的粗细。
color：用于设置文本颜色。
text-decoration：用于设置文本装饰，如下划线、删除线等。
text-transform：用于设置文本大小写，如全部大写、全部小写或首字母大写。
布局属性：
margin：用于设置元素的外边距。
padding：用于设置元素的内边距。
border：用于设置元素的边框。
width 和 height：用于设置元素的宽度和高度。
box-sizing：用于更改元素的盒模型计算方式。
背景属性：
background-color：用于设置元素的背景颜色。
background-image：用于设置元素的背景图片。
background-repeat：用于设置背景图片的重复方式。
background-position：用于设置背景图片的位置。
background-attachment：用于设置背景图片是否固定或随页面滚动。
盒子模型相关属性：
box-shadow：用于向元素添加阴影效果。
outline：用于定义围绕元素的外轮廓，区别于边框。
定位和显示属性：
position：用于设置元素的定位方式（static、relative、absolute、fixed、sticky）。
display：用于设置元素应如何显示（block、inline、inline-block、flex、grid等）。
动画和过渡属性：
transition：用于创建过渡效果，使元素在改变样式时有一个平滑的过渡效果。
animation 和 @keyframes：用于创建动画效果。
其他属性：
z-index：用于控制元素的堆叠顺序（z轴）。
box-sizing 的扩展属性如 border-box 等，也常被使用。
用户界面属性：包括鼠标悬停效果（如 hover 颜色）、表单控件样式（如 input 的 type 属性对应的样式）等。
响应式设计属性：如媒体查询（media queries）等，用于创建适应不同设备的网页布局。
其他：还有一些其他的 CSS 属性，例如 --custom-property（自定义属性）和 @custom-property（自定义属性的声明方式）等。
CSS3样式表
CSS3是一种用于描述网页样式的标准语言，它提供了许多新的样式特性，包括颜色、字体、布局、动画等。以下是一些CSS3的主要样式表：
边框圆角（Border Radius）：允许您设置元素的边框圆角。
背景渐变（Background Gradients）：允许您创建背景渐变效果。
阴影（Box Shadow）：允许您为元素添加阴影效果。
过渡（Transition）：允许您改变一个元素属性的速度和效果。
动画（Animation）：允许您创建一系列动画效果。
滤镜效果（Filter Effects）：如模糊、旋转等。
多列布局（Multicolumn Layout）：允许您创建具有多个列的布局。
圆角矩形（Rounded Corners）：允许您为元素设置圆角矩形样式。
文本阴影（Text Shadow）：允许您为文本添加阴影效果。
文本对齐（Text Alignment）：允许您设置文本的对齐方式。
渐变背景（Linear Gradients Background）：允许您在元素上创建线性渐变背景。
转换（Transformations）：允许您改变元素的大小、位置和形状。
这些只是CSS3的一部分特性，还有许多其他特性，如盒模型改进、颜色函数、字体等。这些特性使得CSS3成为一种强大的工具，可以用来创建复杂的网页布局和动画效果。
- 点赞
- 收藏
- 关注作者
评论（0）