行内元素和块级元素的相互转换我们可以通过display属性将块级元素和行内元素进行相互转换。display即“显示模式”。
块级元素可以转换为行内元素：一旦，给一个块级元素（比如div）设置：
display: inline;
那么，这个标签将立即变为行内元素，此时它和一个span无异。inline就是“行内”。也就是说：
此时这个div不能设置宽度、高度；
此时这个div可以和别人并排了。
行内元素转换为块级元素：
Read more
NENEIIII
Nov 23, 2022
盒子模型即box model。无论是div、span、还是a都是盒子。
但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。
一个盒子中主要的属性就5个：width、height、padding、border、margin。如下：
width和height：==内容==的宽度、高度（不是盒子的宽度、高度）。
padding：内边距。
border：边框。
margin：外边距。
真实占有宽度 = 左border + 左padding + width + 右padding + 右border
如果想保持一个盒子的真实占有宽度不变，那么加width的时候就要减padding。加padding的时候就要减width
padding有四个方向小属性的写法：
Read more
NENEIIII
Nov 23, 2022
background 的常见背景属性css2.1 中，常见的背景属性有以下几种：（经常用到，要记住）
background-color:#ff99ff; 设置元素的背景颜色。
background-image:url(images/2.gif); 将图像设置为背景。
background-repeat: no-repeat; 设置背景图片是否重复及如何重复，默认平铺满。（重要）
no-repeat不要平铺；
repeat-x横向平铺；
repeat-y纵向平铺。
background-position:center top; 设置背景图片在当前容器中的位置。
background-attachment:scroll; 设置背景图片是否跟着滚动条一起移动。 属性值可以是：scroll（与fixed属性相反，默认属性）、fixed（背景就会被固定住，不会被滚动条滚走）。
另外还有一个综合属性叫做background，它的作用是：将上面的多个属性写在一个声明中。
CSS3 中，新增了一些background属性：
background-origin
background-clip 背景裁切
background-size 调整尺寸
多重背景
RGBA 表示法 background-color: rgba(0, 0, 255, 0.3);
border: 30px solid rgba(0, 255, 0, 0.3);
代码解释：
RGBA 即：Red 红、Green 绿、Blue 蓝、Alpha 透明度。
R、G、B 的取值范围是：0255；透明度的取值范围是 01。
Read more
NENEIIII
Nov 22, 2022
01-CSS属性：字体属性和文本属性 | 千古前端图文教程 (qianguyihao.com)
CSS的单位html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。 CSS中的单位是必须要写的，因为它没有默认单位。
绝对单位1 in=2.54cm=25.4mm=72pt=6pc
相对单位px：像素 em：印刷单位相当于12个点 %：百分比，相对周围的文字的大小
font 字体属性CSS中，有很多非布局样式（与布局无关），包括：字体、行高、颜色、大小、背景、边框、滚动、换行、装饰性属性（粗体、斜体、下划线）等。
Read more
NENEIIII
Nov 22, 2022
05-CSS样式表的继承性和层叠性 | 千古前端图文教程 (qianguyihao.com)
继承性我们给div加了一个border，但是发现只有div具备了border属性，而p标签却没有border属性。于是我们可以得出结论：
关于文字样式的属性，都具有继承性。这些属性包括：color、 text-开头的、line-开头的、font-开头的。
关于盒子、定位、布局的属性，都不能继承。
层叠性：处理冲突的能力（计算权重）当多个选择器，选择上了某个元素的时候，要按照如下顺序统计权重：
id 选择器
类选择器、属性选择器、伪类选择器
标签选择器、伪元素选择器
举例1：计算权重
Read more
NENEIIII
Nov 22, 2022
概要
CSS 和 HTML 结合的三种方式：行内样式表、内嵌样式表、外部样式表
行内样式：
<p style="color:white;background-color:red">小奶包包</p>内嵌样式表：
<style type="text/css">
p {
font-weight: bold;
font-style: italic;
color: red;
}
</style>
<body>
<p>金曲大赏</p>
<p style="color:blue">b50</p>
</body>
<link rel = "stylesheet" type = "text/css" href = "a.css"></link>
<!-- 候选的样式表 -->
<link rel = "alternate stylesheet" type = "text/css" href = "b.css" title="第二种样式"></link>
<link rel = "alternate stylesheet" type = "text/css" href = "c.css" title="第三种样式"></link>
@import url(a.css);
CSS 四种基本选择器：标签选择器、类选择器、ID选择器、通用选择器
CSS 几种扩展选择器：后代选择器、交集选择器、并集选择器
语法：
CSS 语法语法格式：（其实就是键值对）
选择器{ 属性名: 属性值; 属性名: 属性值; }
Read more
NENEIIII
Nov 22, 2022
html 的常见元素html 的常见元素主要分为两类：head 区域的元素、body 区域的元素。
1、head 区域的 html 元素
head 区域的 html 元素，不会在页面上留下直接的内容。
<base href="/">
base 标签用于指定基础的路径。指定之后，所有的 a 链接都是以这个路径为基准
meta
title
style
link
script
base
2、html 元素（body 区域）
body 区域的 html 元素，会直接出现在页面上。
Read more
NENEIIII
Nov 19, 2022
Web 存储H5 中有两种存储的方式1、**window.sessionStorage 会话存储：**
保存在内存中。
生命周期为关闭浏览器窗口。也就是说，当窗口关闭时数据销毁。
在同一个窗口下数据可以共享。
在应用程序-存储-会话存储里可以看到
2、**window.localStorage 本地存储**：
有可能保存在浏览器内存里，有可能在硬盘里。
永久生效，除非手动删除（比如清理垃圾的时候）。
可以多窗口共享。
Web 存储的特性（1）设置、读取方便。
Read more
NENEIIII
Nov 18, 2022
Web前端分三层：
HTML（HyperText Markup Language）：超文本标记语言。从语义的角度描述页面的结构。相当于人的身体组织结构。
CSS（Cascading Style Sheets）：层叠样式表。从审美的角度美化页面的样式。相当于人的衣服和打扮。
JS：JavaScript。从交互的角度描述页面的行为。相当于人的动作，让人有生命力。
HTMLHTML标签是分等级的，HTML将所有的标签分为两种：
文本级标签：p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。（a标签里不能放a和input）
容器级标签：div、h系列、li、dt、dd。容器级标签里可以放置任何东西。
从学习p的第一天开始，就要牢牢记住：p标签是一个文本级标签，p里面只能放文字、图片、表单元素。其他的一律不能放。
Read more
NENEIIII
Nov 17, 2022