css
ZC97
这个作者很懒,什么都没留下…
展开
-
CSS-三栏布局
1、浮动布局:优点:兼容性好;缺点:元素脱离文档流,产生浮动。<style> * { margin: 0; padding: 0; box-sizing: border-box; } .box>div { height: 100px; } .left { float: left;原创 2021-04-20 16:54:26 · 148 阅读 · 0 评论 -
CSS-定位
1、为什么需要定位?为了让某个元素可以自由的在一个盒子内移动,并且压住其他的盒子;当我们滚动窗口的时候,盒子是固定在屏幕的某个位置的。原创 2021-04-20 16:19:35 · 107 阅读 · 0 评论 -
CSS选择器
1、基础选择器基础选择器就是由单个选择器组成,包括:标签选择器、类选择器、ID选择器和通配符选择器;2、复合选择器建立在基础选择器上,对基本选择器进行组合复合选择器可以更准确、更高效的选择目标元素复合选择器是由两个或多个基础选择器,通过不同的方式组合形成的常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器伪类选择器是为某些元素添加特殊的效果:...原创 2021-04-20 15:58:09 · 97 阅读 · 0 评论 -
CSS-浮动
网页布局的本质——用CSS来摆放盒子,把盒子摆放到相应的位置,CSS提供了三种传统布局方式(简单的说,就是盒子如何进行排列顺序):普通流、浮动、定位。1、普通流(标准流、文档流):标签按照规定好默认方式排列(1)块级元素会独占一行,从上到下的顺序(div hr h1~h6 ul ol form table)(2)行内元素会按照顺序、从左到右顺序排列,碰到父元素边缘则自动换行(span a i em)标准流式最基本的布局方式2、浮动为什么需要浮动?——浮动可以让多个块级元素一行内排列显示,多个块级原创 2021-04-20 15:57:32 · 75 阅读 · 0 评论 -
CSS实现水平垂直居中
<style> /* 1、绝对定位+负margin值 */ .box { /* 子绝父相 */ position: relative; width: 200px; height: 200px; border: 1px solid red; } .childrenbox { positio原创 2021-04-20 15:52:14 · 69 阅读 · 0 评论 -
CSS-外边距合并
解决嵌套块级元素垂直外边距塌陷的问题:1、可以为父元素定义上边框2、可以为父元素定义上内边距3、可以为父元素添加overflow:hidden;原创 2021-04-16 17:21:45 · 54 阅读 · 0 评论 -
盒子模型
所谓的盒子模型就是把HTML页面中的布局元素看做是一个矩形的盒子,也就是一个盛装内容的容器;CSS盒子本质上市一个盒子,封装周围的HTML元素,包括:边框、外边距、内边距、和实际内容。...原创 2021-04-16 17:17:06 · 83 阅读 · 0 评论 -
CSS的三大特性
1、层叠性相同选择器设置相同的样式,此时一个样式就会覆盖另外一个冲突的样式,层叠性主要用来解决样式冲突的问题。层叠性原则:(1)样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式(2)样式不冲突,不会发生层叠2、继承性CSS中的继承,子标签会继承父标签的某些样式(1)恰当地使用继承可以简化代码,降低CSS样式的复杂性(2)子元素可以继承父元素的样式(text-,font-,line-这些元素开头的都可以继承,以及color属性)3、优先级(1)权重是有四组数字组成,但是原创 2021-04-16 17:06:02 · 77 阅读 · 0 评论 -
CSS的元素显示模式
元素显示模式就是元素(标签)是以什么方式进行显示,HTML元素一般分为块元素和行内元素两种。常见的块元素有:h1~h6、P、div、ul、ol、li等;块元素的特点有以下:比较霸道,自己独占一行高度、宽度、外边距以及内边距都可以控制宽度默认是容器的100%是一个容器及盒子,里面可以放行内或者块级元素文字类的块级标签内部不能放块级元素,例如h1~h6、P常见的行内元素有a、strong、b、em、i、del、s、ins、u、span,span是最典型的行内元素,行内元素的特点:原创 2021-04-10 19:49:01 · 62 阅读 · 0 评论