005_CSS
关注
分享
扫一扫
文章平均质量分 58
005_CSS
wnashi_万石
这个作者很懒，什么都没留下…
展开
-
006_CSS中重要概念之布局相关(下)
001_三栏布局(h3)源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>三栏布局</title> <style> .wrapper {原创 2021-03-09 00:58:44 · 103 阅读 · 0 评论 -
006_CSS中重要概念之布局相关(上)
001_前置知识(h3)元素的分类块级元素自己占满一行，就算宽度变小，也是独立成行可修改宽高属性行内元素写在块级元素里面可跟其他行内元素并行显示不能修改宽高正常元素怎么布局默认，一个块级元素的内容宽度就是其父元素的100%，他的高度和其内容高度一致行内元素它的宽度和高度都是根据内容决定的(无法设置行内元素的宽高)可设置display属性，定义元素的类型block 此元素将显示为块级元素，此元素前后会带有换行符。inline 默认。此元素会被显示为内联元素原创 2021-03-08 22:17:35 · 108 阅读 · 0 评论 -
005_层叠和继承
001_XXXX(h3)CSS全称：层叠样式表(Cascading Style Sheets)层叠是⼀一个基本特征一个css属性被多次声明的时候，会根据优先级或者声明顺序来计算采⽤用哪个样式优先级是怎么计算id > class > tag标签选择器器 1类选择器器 10id选择器器 100通配符选择器器和表示关系的选择器器，对优先级没有影响例外规则!important注意的不利利于代码的维护建议不要在自己的局部代码(公用代码)里使用impo原创 2021-03-08 18:51:17 · 80 阅读 · 0 评论 -
004_CSS中的常用属性
001_XXXX(h3)常用属性盒⼦子的位置和⼤小尺⼨布局宽度 width: ⻓长度 | 百分⽐比 | auto高度 height边界 margin padding 上右下左 || 上下 左右布局浮动 float定位 position盒⼦内容超出部分： overflow： hidden || scroll || auto外观，风格background: 背景颜⾊色 || 背景图像 || 背景重复 || 背景要不不要固定 || 背景位置backgrou原创 2021-03-08 18:38:05 · 93 阅读 · 0 评论 -
003_盒子模型
001_盒子模型(h3)什么是盒子模型在CSS⾥面，所有的HTML元素你都可以看成是⼀个盒子由以下部分组成盒子和盒子之间的间隙(margin)盒子的边框(border)盒子的内部间隙(padding)盒子的内容(content)源代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="view原创 2021-03-08 16:49:50 · 109 阅读 · 0 评论 -
002_CSS选择器
001_CSS核心之常见的选择器及使用场景(h3)必须掌握的选择器元素（标签）选择器类选择器id选择器(JavaScript)开发过程中常用的选择器通配符选择器 *派⽣生选择器 根据文档dom结构来选择html元素后代选择器⼦元素选择器相邻选择器源代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta原创 2021-03-08 16:28:17 · 162 阅读 · 0 评论 -
001_CSS的基本规则和CSS的几种写法
001_CSS的基本规则(h3)层叠样式表选择器器告诉浏览器要设置样式的html元素声明块用于设置样式002_CSS的几种写法(h3)内部样式表写在style标签⾥面的内联样式表写在元素的style属性⾥面的外部样式表link标签将css资源引⼊入为什什么选择外部样式表解决⻚页⾯面当中样式重复的问题代码分离，利利于代码维护和阅读浏览器会缓存起来，提⾼页面响应，速度变快了<!DOCTYPE html><h原创 2021-03-08 16:03:42 · 113 阅读 · 0 评论