CSS干货
这家伙不愿透露姓名
不要让手指停下来
展开
-
CSS快速入门基础知识(七)
1.自适应宽度自适应: width: 100%;块级元素:宽度默认100% 。 min-width: 最小宽度 max-width 最大宽度 高度自适应:1. height: auto ;2. height不写 height:100% ; 继承父元素的高度。(注意,父元素必须要有高度,如果没有,由内容撑开。) min-height: 最小高度 max-height: 最大高度2.高度塌陷高度塌陷的原因:父元素没有添加高度或者height原创 2020-09-02 21:37:05 · 168 阅读 · 0 评论 -
CSS快速入门基础知识(六)
定位与锚点CSS有三种基本的定位机制(了解) :普通流元素的类型决定 了其在HTML中的位置(低)浮动流添加了浮动的元素会脱离文档流(中)定位流相对定位是根据普通流移动,绝对定位和固定定位脱离普通流(高)1.定位: position属性值 :left 、 right 、top、 bottom static 默认位置 左上角 \相对定位 : relative; &nb原创 2020-09-02 21:30:29 · 124 阅读 · 0 评论 -
CSS快速入门基础知识(五)
一、元素类型CSS元素类型:三种类型 : 块级元素,内联元素, 可变元素。1.块级元素特征:默认 宽度100% ,能够设置宽度和高度。独占一行,自上而下排列完全支持盒模型一般将块级元素当作容器 。 块级元素: div , p , h1-h6 , ul, dl ,ol,li,dt,dd,table,tr,td,form2.内联元素(行内元素):-内联元素 内联块(行内块 )元素-内联元素特征:不能设置 宽度和高度。横向逐个排列不完全支持盒模型 内联元素:原创 2020-09-02 21:21:41 · 113 阅读 · 0 评论 -
CSS快速入门基础知识(四)
盒模型content (width + height ) 、padding(内边距) 、 border(边框) 、 margin(外边距)盒子模型的计算规则: 元素的总宽度 (高度): content + padding + borderpadding: 内边距 (补白) 元素内容与边界的距离padding 的间距不能写入内容(文本和图片),背景图除外。原创 2020-08-31 00:18:58 · 122 阅读 · 0 评论 -
CSS快速入门基础知识(三)
浮动 :float: left 左浮动 right 右浮动 none 默认值 不浮动作用: 让竖着的元素横向排列 特点: 1. 元素添加了浮动之后,具有“块级”特性 2. 具有浮动属性的元素会“脱离文档流” 。 3. 相同方向的浮动元素,先浮动的显示在前面 4. 不同方向的浮动元素,左浮动找左浮,右浮找右浮 5. 浮动元素浮动之后的位置,由浮原创 2020-08-30 23:21:17 · 108 阅读 · 0 评论 -
CSS快速入门基础知识(二)
CSS属性CSS 边框线属性 border 边框线 (复写) border-width: 边框线的宽度 border-style: 边框线的类型 solid 实线 dashed 虚线 dotted 点划线原创 2020-08-30 23:05:10 · 125 阅读 · 0 评论 -
CSS快速入门基础知识(一)
CSS基础知识(一)CSS 简介 : cascading style sheet 层叠样式表CSS语法 由选择器和声明组成 声明由 属性 和 属性值 组成 声明可以是一条 也可以是多条 。 CSS选择器 1. 元素选择器 2. ID选择器 # + id名 注意 :id 具有唯一性原创 2020-08-30 18:38:47 · 229 阅读 · 0 评论