随笔分类 - 1 前端 / 1 html css
摘要：第一章html简单介绍1.1 html定义 html：超文本标记语言 (Hyper Text Markup Language) ；它的作用是控制页面的结构，页面的内容。1.2 web最基本html：用于对网页元素进行整理和分类css：用于设置网页元素的版式、颜色、大小等外观样式javascript：
阅读全文
摘要：项目中经常会碰到页面自适应的问题，例如：商城的列表展示、分类列表展示等页面，如下：该页面会随着页面的放大缩小而随之发生变化，解决方法：display: flex;配合子元素的动态宽度来实现，子元素的宽度 = (总宽 - 自身的margin) / 每行的数量即可。 .box{ border: 1px
阅读全文
摘要：在页面布局中，元素水平垂直居中的方法有很多，这里就列举3个简单，用的比较多的方法吧。 情况一、已知元素的宽高 1 <style> 2 .center { 3 width: 200px; 4 height: 200px; 5 Courier New", serif; font-size: inheri
阅读全文
摘要：作为一个开发小白，也是第一次编写博客文章，若有错误请各位大牛大佬指正，轻喷！！！ 我在学校接触最多的就是前端，然后最近在学习新的前端知识，发现前端布局常见的有很多种，不同的应用场景有不同的布局方式，下面就来简单介绍一下吧。 静态布局 浮动布局 定位布局 栅格布局 table布局 弹性（flex）布局
阅读全文
摘要：盒模型 宽度：width 高度：height 边框：border 圆角：border-radius 外边距：margin 内边距：padding 阴影效果：box-shadow 背景：background 背景颜色：background-color 背景图片：background-image 背景位
阅读全文
摘要：CSS3引入了很多新特性，比如： 1. 选择器：CSS3引入了新的选择器，如伪类选择器、伪元素选择器等，使得选择元素更加灵活和精确。 2. 边框圆角：CSS3允许通过 border-radius 属性为元素的边框添加圆角，创建圆形、椭圆形或具有不同角度的矩形边框。 3. 盒阴影：使用 box-sha
阅读全文
摘要：让我们逐步解释每个部分的作用： <!DOCTYPE html>：这是HTML5的文档类型声明，用于指示文档使用HTML5规范解析。 <html>：<html>标签是HTML文档的根元素，它包含了整个HTML文档的内容。 <head>：<head>标签定义了文档的头部，其中包含了关于文档的元数据和引用
阅读全文
摘要：一、行内元素 1.不独占一行，高宽由内容撑开2.无法设置width和height3.margin（单用无效，配合别的标签可以有效，下面案例中有解释）/padding的上下无效，但是左右有效 <a></a> <strong></strong> <span></span> 二、行内块元素 1.不独占一行
阅读全文
摘要：https://www.cnblogs.com/qy-blog/p/17896457.html static：静态定位（默认）。依据文档流定位。 relative：相对定位。以自身为基准，设置坐标（left、top、right、bottom），不脱离文档流。 absolute：绝对定位。以父元素为基
阅读全文
