css样式表的继承性和层叠性

笔记  CSS 

本文参考链接:https://web.qianguyihao.com/02-CSS基础/05-CSS样式表的继承性和层叠性.html#层叠性举例CSS的继承性<!doctype html><html lang="en"><head> &l

css-box布局demo

笔记  CSS 

HTML<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"

css让图片和盒子一样宽的方法

笔记  CSS 

如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"

css-清除内外边距

笔记  CSS 

当我们写ul,li的时候会有自然的外边距,如下那么我们怎么清除内外边距呢?其实很简单直接在css里这样写 * { padding: 0; margin: 0; }就行了

css-显示模式

笔记  CSS 

a { display: block;}以上可以把行内式元素转换为块级元素div { display: inline;}以上可以把块级元素转换为行内式元素span { display: inline-block;}以上可以把元素转换为行内块元素单行文字垂直居中行高由上空隙,文字本身

css-文字垂直居中

笔记  CSS 

只要让行高 line-height的值等于盒子的高,就可以让盒子内的文字垂直居中使用text-align=center可以实现文字水平居中

css盒子模型-内边距

笔记  CSS 

内边距paddingpadding属性用于设置内边距,即边框与内容之间的距离padding-left 左内边距padding-right 右内边距padding-top 上内边距padding-bottom 下内边距代码: div { width: 200px;

MDUI-CSS框架-颜色和主题.md

笔记  CSS 

颜色和主题date: 2022-06-10 21:18:28tags: [CSS框架,MDUI]categories: 笔记MDUI CSS框架 ---颜色和主题背景颜色背景颜色类名为 .mdui-color-[color]-[degree]。它在设置背景色的同时,还设置了背景色中的文本颜色和文本不

css盒子外边距

笔记  CSS 

# margin margin属性用于设置外边距,即控制盒子和盒子之间的距离margin-bottom 下外边距margin-top 上外边距margin-left 左外边距margin-right 右外边距# 外边距典型应用外边距可以让块级元素**水平居中**,但是必须满足两个条件1. 盒子必须指

css背景

笔记  CSS 

## 背景颜色 background-color​```cssdiv { width: 200px; height: 200px; background-color: transparent;/* 透明*/}​```## 背景图片 background-imagebackgr