随笔分类 - Web前端
摘要：定位 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 这三种定位，每一种都暗藏玄机，所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： to
阅读全文
摘要：直接上代码了 html结构 写好上面的结构代码之后，也就是将我们页面展示的内容显示了，但是我们此时要利用我们学过的知识点来布局页面 首先我们要做导航栏，并排显示元素，第一想 浮动，想到使用浮动之后，一定记得清除浮动元素。 css代码如下：
阅读全文
摘要：文本属性 介绍几个常用的。 text-align 属性规定元素中的文本的水平对齐方式。 属性值：none | center | left | right | justify color属性 text-indent 属性规定元素首行缩进的距离，单位建议使用em text-decoration属性规定文
阅读全文
摘要：margin塌陷问题 当时说到了盒模型，盒模型包含着margin，为什么要在这里说margin呢？因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子： html结构： css样式： 当给两个标准流下兄弟盒子 设置垂直方向上的margin时，那么以较大的为准，那么我们称这种现象叫塌陷。
阅读全文
摘要：浮动 浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子 html结构： css样式： 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨在一
阅读全文
摘要：什么是标准文档流 宏观的将，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”。而设计软件 ，想往哪里画东西，就去哪里画 标准文档流下 有哪些微观现象？ 1.空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张
阅读全文
摘要：盒模型【示意图、属性、计算】 padding（内边距） border（边框） margin（简单认识） 盒模型【示意图、属性、计算】 padding（内边距） border（边框） margin（简单认识） 盒模型 在CSS中，"box model"这一术语是用来设计和布局时使用，然后在网页中基本上
阅读全文
摘要：继承性 层叠性 层叠性权重相同处理 继承性 层叠性 层叠性权重相同处理 css有两大特性：继承性和层叠性 继承性 面向对象语言都会存在继承的概念，在面向对象语言中，继承的特点：继承了父类的属性和方法。那么我们现在主要研究css，css就是在设置属性的。不会牵扯到方法的层面。 继承：给父级设置一些属性
阅读全文
摘要：高级选择器分为： 后代选择器 子代选择器 并集选择器 交集选择器 属性选择器 伪类选择器 伪元素选择器 后代选择器 子代选择器 并集选择器 交集选择器 属性选择器 伪类选择器 伪元素选择器 后代选择器 使用空格表示后代选择器。顾名思义，父元素的后代（包括儿子，孙子，重孙子） 子代选择器 使用>表示子
阅读全文
摘要：css的选择器：1.基本选择器 2.高级选择器 基本选择器包含： 1.标签选择器标签选择器可以选中所有的标签元素，比如div，ul，li ，p等等，不管标签藏的多深，都能选中，选中的是所有的，而不是某一个，所以说 "共性" 而不是 ”特性“ 2.id选择器# 选中id 同一个页面中id不能重复。任何
阅读全文
摘要：引入css方式（重点掌握） 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层： HTML：超文本标记语言。从语义的角度描述页面结构。 CSS：层叠样式表。从审美的角度负责页面样式。 JS：JavaScript 。从交互的角度描述页面行为 CSS：Cas
阅读全文
摘要：今日主要内容： 列表标签 <ul>、<ol>、<dl> 表格标签 <table> 表单标签 <fom> 列表标签 <ul>、<ol>、<dl> 表格标签 <table> 表单标签 <fom> 一、列表标签 列表标签分为三种。 1、无序列表<ul>，无序列表中的每一项是<li> 英文单词解释如下： u
阅读全文
摘要：今日内容： 字体标签： h1~h6、<font>、<u>、<b>、<strong>、<em>、<sup>、<sub> 排版标签 字体标签： h1~h6、<font>、<u>、<b>、<strong>、<em>、<sup>、<sub> 排版标签 <div> 、<span> 、 <br>、<hr>、<c
阅读全文
摘要：主要内容 web标准 浏览器介绍 开发工具介绍 HTML介绍 HTML颜色介绍 HTML规范 HTML结构详解 web标准 浏览器介绍 开发工具介绍 HTML介绍 HTML颜色介绍 HTML规范 HTML结构详解 一、web标准 web准备介绍： w3c：万维网联盟组织，用来制定web标准的机构（组
阅读全文
