随笔分类 -
css
-
9.定位
摘要：定位 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 这三种定位，每一种都暗藏玄机，所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： to
阅读全文
-
8.背景属性
摘要：背景属性 常用背景相关属性： background-repeat取值范围： background-attachment取值范围： background-position取值范围： 示例： 简写：
阅读全文
-
7.文本和字体属性
摘要：字体相关CSS属性介绍 font-family 字体系列。 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览器会使用它可识别的第一个值。 简单实例： 如果设置成inherit，则表示继承父元素的字体。 font-weight 字重（
阅读全文
-
6.margin塌陷问题
摘要：当时说到了盒模型，盒模型包含着margin，为什么要在这里说margin呢？因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子： 当给两个标准流下兄弟盒子 设置垂直方向上的margin时，那么以较大的为准，那么我们称这种现象叫塌陷。我们称为这种技巧叫“奇淫技巧”。记住这种现象，在布局
阅读全文
-
5.浮动
摘要：什么是标准文档流 宏观的将，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”。而设计软件 ，想往哪里画东西，就去哪里画 标准文档流下 有哪些微观现象？ 1.空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张
阅读全文
-
4.盒模型
摘要：基本概念 盒模型的组成大家肯定都懂，由里向外content,padding,border,margin. 盒模型是有两种标准的，一个是标准模型，一个是IE模型。 盒模型的属性 盒模型的计算 如果一个盒子设置了padding，border，width，height，margin(咱们先不要设置marg
阅读全文
-
3.选择器
摘要：css选择器作用 一基本选择器 首先来说一下，什么是选择器。在一个HTML页面中会有很多很多的元素，不同的元素可能会有不同的样式，某些元素又需要设置相同的样式，选择器就是用来从HTML页面中查找特定元素的，找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围。 基础选择器包括： 标
阅读全文
-
2.css的引入方式
摘要：网页中引用CSS样式 内联样式 行内样式表 外部样式表 ..链接式 ..导入式 内嵌方式 style标签 行内样式 外联样式表-链接式 link标签 index.css 然后在HTML文件中通过link标签引入： 外联样式表-@import url()方式 导入式 了解即可。 index.css 注
阅读全文
-
1.css介绍
摘要：CSS介绍 我们为什么需要CSS? 使用css的目的就是让网页具有美观一致的页面，另外一个最重要的原因是内容与格式分离 在没有CSS之前，我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性，当HTML内容非常多时，就会定义很多重复的样式属性，并且修改的时候需要逐个修改，费心费力。是
阅读全文
|
浙公网安备 33010602011771号
浙ICP备2021040463号-3
