m0_60525480的博客

1.块级行内区别： ① 块级独占一行的，行内与其他元素共享一行 ②块级元素可以直接设置宽高，行内不能直接设置宽高，需要结合CSS的display来设置。 ③块级元素可以嵌套块级与行内元素，而行内只能包含行内元素。2.清除浮动 父子级： 1.在子级元素后添加一个空元素，为其添加clear:both 弊端：增加了无意义的元素结构 2.给父级元素设置一个overflow:hiddden 解决了第一种方法的弊端 3.伪类元素after ...

方法1：利用flex盒 给父代设置display:flex;属性 对第一个和第三个盒子设置宽高和背景颜色；对第二个盒子设置：flex：1 body区域： <div class="outer"> <div class="first"></div> <div class="second"></div> <div class="third"></div> </div&

1.form元素的enctype属性值默认是：-application/x-www-form-urlencoded 2.HTML元素的核心属性有哪些？ id、class、title、style 3.display：none与visibility：hidden的区别： 前者隐藏对应的元素但不挤占该元素原来的空间；后者隐藏对应的元素，但会挤占该元素原来的空间。 4.如何使用响应式布局： 方法1：通过@media进行媒体查询，在不同的网页加载中执行不同的css代码； 方法2：利用boo...

默认文档流就是对页面布局不加任何修饰，元素自动的布局方式，其特点如下 1)元素在页面中的显示顺序与元素在代码中出现的顺序是一致的，即文档结构从外到内、从上到下、从左至右。 2)块级元素独占一行空间，宽度默认为父级的100%，高度由其内容高度（子元素高度）所决定。 3)行内元素与其他元素共享一行空间，宽高由其内容所决定。 同级别的块级元素：垂直方向的线性结构； 同级别的行内元素：水平方向的线性结构。 布局方式：浮动布局、定位布局、伸缩盒布局/弹性盒 1.浮动布局（flo...

动画：animation 过渡：transition 转换：transform 1.动画animation的使用 1）定义关键帧 @keyframes 自定义的名称{ from{一个或多个css的属性值} to{一个或多个css的属性值} } 或者： @keyframes 自定义的名称{ 0%{一个或多个css的属性值} 100%{一个或多个css的属性值}...

盒子模型： 默认盒子模型，又叫W3C盒子，取值为content-box 其中，width/height仅表示盒子内容所占的宽度/高度。 盒子的宽=width+padding_left+padding_right+border_left+border_right 盒子的高=height+padding_top+padding_bottom+border_top+border_bottom 所占屏幕的宽=盒子的宽+margin_left+margin_right 所占屏幕的高=盒子的高+ma.

利用css更改文字样式 <style> p{ color:blueviolet; font-style:italic; } #col{ color:#f3b8b8; } </style> css是一种标记语言，主要设置HTML页面中的文本内容、图片的外形、版面的布局和外观显示样式, CSS写在head标签...