- 博客(7)
- 收藏
- 关注
RSS订阅原创 CSS3基础
CSS3基础盒模型box-sizing: content-box 标准盒模型box-sizing: border-box 怪异盒模型（IE）标准盒子模型包括：margin、border、padding、content，并且content部分不包含其他部分width: margin2+border2+padding*2+content（width）height: margin2+border2+padding*2+content（height）IE盒子模型也包括：margin、
2021-09-06 00:16:51
133
原创 CSS-盒子水平垂直居中
CSS-水平垂直居中html,body{ height:100%;}.box{ box-sizing:boder-box; height:50px; width:100px;}1.定位(必须知宽高）// 定位// 问题：必须知盒子的宽高，但宽高需动态计算或宽高自适应body{ position:relative;}.box{ position:absolute; top:50%; //左上角在中间 left:50%; margin-top:-250px; //往上移高
2021-09-05 23:29:05
100
原创 CSS的position属性
CSS的position属性position属性用来指定一个元素在网页上的位置，一共有5种定位方式position属性主要有五个值。staticrelativeabsolutefixedstickystatic 属性值static是position属性的默认值。如果省略position属性，浏览器就认为该元素是static定位。此时，浏览器会按照源码的顺序，决定每个元素的位置，这称为"正常的页面流"（normal flow）。每个块级元素占据自己的区块（block），元素与元素之
2021-08-31 20:51:48
414
原创 CSS颜色
CSS 颜色由红（RED），绿（GREEN），蓝（BLUE ）组合颜色值CSS中定义颜色使用十六进制（hex）表示法为红，绿，蓝的颜色值结合。可以是最低值是0（十六进制00）到最高值是255（十六进制FF）3个双位数字的十六进制值写法，以＃符号开始。十六进制颜色＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）所有值必须介于0和FF之间。#ff0000 —红色#00ff00 —绿色#0000ff —蓝色#000000 —黑色#FFFFFF —
2021-08-31 20:15:39
2026
原创 CSS 的大小
CSS 的大小CSS 宽度和高度 —width、heightCSS 通过height 和 width 属性来设置元素的高度和宽度。height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度height 和 width 属性可设置如下值：auto - 默认。浏览器计算高度和宽度。length - 以 px、cm 等定义高度/宽度。% - 以包含块的百分比定义高度/宽度。initial - 将高度/宽度设置为默认值。inherit
2021-08-31 19:46:41
901
原创 CSS - felx布局基础知识
CSS - felx布局基础知识flex布局是目前web开发中使用最多的方案flex布局（弹性布局）目前在移动端用的最多，pc端也越来越多两个重要概念开启了flex布局的元素叫 flex containerflex container 里面的直接子元素叫 flex items设置display属性为 flex、inline-flex 可形成 flex containerdisplay: flex container 以 block-level 形式存在（块）display
2021-08-31 17:16:01
369
原创 HTML-块元素&行元素及两者区别
前端相关知识HTML常用块元素块级元素，总是会另起一行块级元素总会占据可用的全部宽度可以给块级元素设置top和bottom 的margin值设置宽高，并且宽度高度以及外边距、内填充都可随意控制以下标签都是块级元素div、form、table、h1-h6、p、ul、li、canvas、header、footer、videoaddress、article、aside、section常用行内元素行内元素 不会另起一行行内元素 只会占据所需要的宽度行内元素不能包含块级元素行内元素
2021-08-29 22:58:56
299
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人