wei自我定义-CSDN博客

原创 13.css浮动

本文介绍了CSS浮动布局的核心概念与应用。主要内容包括：标准流与浮动的区别，浮动特性（脱离标准流、顶部对齐、行内块特点），浮动与标准流父级的搭配使用，以及四种清除浮动的方法（额外标签法、overflow属性、:after伪元素、双伪元素）。重点阐述了浮动布局的基本原则和清除浮动的本质，即解决父元素高度塌陷问题，确保不影响后续标准流布局。文章通过代码示例和对比分析，帮助读者掌握浮动布局的实际应用技巧和最佳实践。

2025-06-20 22:38:38 1463

原创 12.圆角边框和阴影

CSS3圆角边框与阴影效果总结：圆角边框使用border-radius属性，可设置固定值或50%创建圆形效果。盒子阴影通过box-shadow实现，参数包括水平和垂直偏移、模糊距离、扩散范围、颜色及内阴影选项（inset）。文字阴影使用text-shadow，参数类似但不支持扩散范围。注意盒子阴影默认外阴影且不影响布局。这些特性为网页元素添加了丰富的视觉效果，示例展示了蓝色方块应用圆角和阴影的实际效果。

2025-06-20 22:36:10 306

原创 11.css盒子模型

CSS盒子模型是网页布局的核心概念，由四部分组成：内容(content)、内边距(padding)、边框(border)和外边距(margin)。本文详细介绍了盒子模型的这三个关键属性： border边框：可以设置样式(dotted虚线/dashed点线/solid实线)、宽度和颜色，支持复合写法和单独设置各边样式； padding内边距：控制内容与边框的间距，简写方式遵循"上右下左"顺序，未指定盒子尺寸时不撑开盒子； margin外边距：管理盒子间距，可实现水平居中(需设置宽度和aut

2025-06-19 18:15:46 1018

原创 10.css三大特性

CSS具有三大核心特性：层叠性、继承性和优先级。层叠性处理样式冲突，遵循就近原则；继承性使子元素继承父元素的某些样式（如文本颜色和字号）；优先级则根据选择器权重决定样式应用顺序，权重由选择器类型决定（标签、类、ID等），复合选择器需进行权重叠加计算。理解这三大特性是掌握CSS样式应用规则的关键，能有效解决样式冲突和继承问题，实现精准的网页样式控制。

2025-06-19 18:10:14 128

原创 9.css背景

本文介绍了CSS背景属性的主要功能和使用方法。包括背景平铺（repeat/no-repeat/repeat-x/repeat-y）、背景位置（x y坐标设定）、背景图像固定（scroll/fixed）、背景复合写法（颜色、图片、平铺、滚动、位置组合）以及背景色半透明（rgba透明度设置）等属性。文章详细说明了各属性的参数值和作用，并提供了标准写法示例。最后通过表格总结了所有背景属性的功能、作用和取值范围，为网页开发中背景样式设置提供了全面的参考。

2025-06-18 21:16:05 558

原创 8.css元素显示模式

CSS元素显示模式摘要HTML元素主要分为块元素和行内元素两种显示模式。块元素(如div、p)独占一行，可设置宽高边距，宽度默认100%；行内元素(如a、span)可同行显示多个，但无法直接设置宽高。特殊元素(img、input等)同时具备两种特性，称为行内块元素。通过CSS的display属性可以转换显示模式：inline(行内)、block(块级)和inline-block(行内块)。注意文字类元素(p/h1等)不能包含块元素，链接a需要转换为块级模式才能安全包含块元素。

2025-06-18 21:15:21 325

原创 7.复合选择器

CSS复合选择器是由基础选择器组合而成的高效选择方式，主要包括：后代选择器（空格分隔嵌套元素）、子选择器（>选择直接子元素）、并集选择器（逗号连接多个选择器）、伪类选择器（:表示特殊状态）。其中链接伪类需按link-visited-hover-active顺序声明，focus伪类专用于表单元素。复合选择器能精确选择目标元素，提高样式编写效率，是CSS布局的重要工具。

2025-06-18 15:19:41 483

原创 6.css引入方式

CSS有三种引入方式：内部样式表（在HTML文档中使用<style>标签）、行内样式表（直接在元素标签内使用style属性）和外部样式表（通过<link>标签引入独立的.css文件）。内部样式表适用于整个页面样式控制，行内样式表适合简单样式修改，而外部样式表是开发中最常用的方式，尤其适用于样式较多的项目，通过单独CSS文件实现样式与结构的分离。

2025-06-17 19:00:37 230

原创 5.css文本属性

CSS文本属性摘要：本文介绍5种常用CSS文本样式属性：1)文本颜色(color)支持颜色名、十六进制和RGB值；2)文本对齐(text-align)控制左/右/居中对齐；3)文本装饰(text-decoration)设置下划线、删除线或上划线；4)文本缩进(text-indent)用px或em单位控制首行缩进；5)行高(line-height)调整行间距，包含文字上下空间。这些属性组合使用可实现丰富的文本样式效果。(149字)

2025-06-17 18:59:35 137

原创 4.css字体属性

CSS字体属性详解：摘要介绍了CSS中常用的字体控制属性，包括font-family定义字体系列（支持多字体备选）、font-size设置文字大小、font-weight调节粗细（可用数字值）。还展示了font复合属性的简写方式，强调必须保留font-size和font-family且顺序固定。文中包含代码示例和效果图片，说明如何通过CSS精确控制网页文本的显示样式。复合属性写法可简化代码但需注意语法规范。

2025-06-17 18:58:40 175

原创 3.css层叠样式表

CSS层叠样式表摘要CSS是一种用于网页样式设计的标记语言，由选择器和声明组成。主要选择器类型包括：标签选择器(按HTML标签名选择)、类选择器(.class，可复用)、ID选择器(#id，唯一)和通配符选择器(*，全局匹配)。类选择器可多类名组合使用(空格分隔)，是最常用的选择方式。CSS实现了内容与表现的分离，使网页设计更加灵活高效。

2025-06-15 11:56:45 131

原创 2.表格标签

本文介绍了HTML表格、列表和表单标签的使用方法。表格部分讲解了table结构、属性设置和单元格合并；列表部分包括无序列表(ul)、有序列表(ol)和自定义列表(dl)的语法规则；表单部分详细说明表单域(form)、输入控件(input)、下拉列表(select)和文本域(textarea)的用法，以及label标签的绑定功能。文章还特别强调了各标签的嵌套规则和重要属性设置。

2025-06-15 11:55:21 569

原创 1.常用浏览及其内核

本文介绍了HTML的基础知识，包括常用浏览器及其内核对比，如IE、Firefox、Chrome等。详细讲解了HTML文档的基本结构标签，如<html>、<head>、<body>等。同时阐述了常用HTML标签的用法，包括标题标签<h1>-<h6>、段落标签<p>、换行标签<br>，以及文本格式化标签如<strong>、<em>等。此外，还介绍了图像标签<img>的属性和路径写法，超链接标签<a>的多种应用场景，以及注释标签和特殊字符的使用方法。这些内容为HTML初学者提供了全面的入门指导。

2025-06-15 11:51:09 1212