- 博客(7)
- 收藏
- 关注
RSS订阅原创 行盒的特征、尺寸和定位
行盒概述display属性为inline（默认值）的元素1.文字元素：span、em、abbr、strong、i、b，2.图片和多媒体：img、video、audio，3.页面的具体内容（文字、图片、多媒体）都会生成行盒，页面区域中包含内容，所以块盒包含行盒块盒内放置行盒，行盒内不要放置块盒。特征1.行盒可被折断，因为内容可被折断换行，2.同一个包含块中，连续的多个行盒水平依次排列，...
2019-12-22 14:46:13
233
原创 雪碧图它的优缺点是什么？
CSS Sprites简介：国内叫雪碧图或者雪碧精灵。它允许将网页中多个零星小图都包含到一张大图中去，减少每个图的 HTTP 请求来提高图片加载效率下面直接用代码块展示：<style> .box{ /* 1. 定视口 */ width: XXpx; height: XXpx; border: 1px solid; /* 2. 插图 */ background-ima...
2019-12-22 14:08:58
976
原创 块元素水平和垂直居中对齐的几种方法
1、使用css3样式属性display:flex设定水平垂直居中，父元素样式属性display:flex;2.使用margin-top -一半的高度3.使用绝对布局absolute和margin:auto
2019-12-22 13:50:48
592
原创 盒模型及定位体系
css盒模型是在网页设计中经常用到的css技术，你可以想像成一个纸箱子。在网页中，css盒模型主要4个部分组成，从里到外有Content（内容）-Padding（内边距） -Border（边框）-Margin（外边距） 在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容，元素的补白，元素的边框，元素的边界四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有...
2019-12-15 16:51:01
215
原创 Css选择器的优先级
1.常用选择器1.元素选择器语法：标记名{ }p{color：red；} //为所有的p元素设置样式。2.ID选择器语法：#id{ } //id值唯一，不能重复#box{} //为id为box的元素设置样式。3.类选择器语法：.class{}.box{} //为所有的class值为box的元素设置样式。4.分组选择器（也叫并集选择器）语法：选择器1，选择器2，选择器N{}...
2019-12-15 16:22:15
99
原创 CSS的两个核心概念——层叠和继承
1.层叠层叠性： 权重的标签覆盖掉了权重小的标签，说白了 ，就是被干掉了权重： 谁的权重大，浏览器就会显示谁的属性谁的权重大？ 非常简单就是小学的数数。数：id的数量 class的数量 标签的数量，顺序不能乱2.继承性面向对象语言都会存在继承的概念，在面向对象语言中，继承的特点：继承了父类的属性和方法。那么我们现在主要研究css，css就是在设置属性的。不会牵扯到方法的层面。继承：给...
2019-12-15 16:15:09
199
原创 HTML，Css基础
HTNL基础第一，什么是结构，样式，行文相分离？这样的好处是什么？第二，什么是语义化？为什么要语义化？第三，什么是Css？他的特点有哪些？首先我们大致讲解什么是结构，样式，行为相分离？这样的好处是什么？HTML就是结构，Css就是样式，js就是行为相分离。举个栗子：HTML就是一棵树，只有躯干和分支，光秃秃的什么都没有Css就是树叶，给树的躯干装饰树叶，绿的，黄的，红的小树叶，大树...
2019-12-08 16:20:34
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人