胖达cd的博客

前言 在网页制作过程中，布局是我们最重要的一个环节。可以说布局的好坏直接影响到整个网页的成败！布局成，则事半功倍；布局败，则事倍功半。 弹性布局简介 弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，目前，它已经得到了所有浏览器的支持，我们可以放心大胆的使用。 浏览器兼容性 弹性布局的使用 ...

CSS新手笔记 1.CSS的定义由三部分构成： 1.基本语法机构： 选择器{ 属性：值； } 2.三个值作用：. 选择器作用： 选中标签对其进行样式美化 属性作用：对元素进行哪些样式美化 值作用：决定属性美化样式的程度 注意：css中的属性与html元素行内属性不是一个东西 2.基本选择器 通配选择器 选择文档中所有HTML元素,例:*{ margin:10px} 元素选择器 选择指...

什么是浮动 CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。 Float（浮动），往往是用于图像，但它在布局时一样非常有用。 对于新手 CSS 开发人员，尤其前端 Web产品开发人员，float 属性可以说是用得最频繁的布局属性了，所以他们很可能会对 float属性有误解，认为 float 属性就是为各种块状布局而设计的，实际上不是的。浮动的本质就是为了实现文字环...

css定位 定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。 定位的值以及对应的属性如下表所示： 值 属性 static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 relative 生成相对定位的元素，相对于其正常位...

盒子模型 html文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒模型。盒模型通过四个边界来描述：margin（外边距），border（边框），padding（内边距），content（内容区域）。 盒子的两种初始状态 1.类似div的盒子一个盒子自动占据一行 特点：可以设置固定的宽高，margin，padding。 2.类似span盒子一个盒子中的内容...

css隐藏方法 1、使用display:none;方法。 2、使用visibility: hidden;方法。 首先先来看一下display和visibility的属性 display属性设置元素的显示方式，对应脚本特性为display，可选值为none、block和inline，各值的说明如下： none：隐藏元素，不保留元素显示时的空间。 block：块方式显示元素。 inline：以内嵌方式...

以下是我整理的一些HTML和css的基础面试体。 1.DOCTYPE有什么作用？标准模式与混杂模式如何区分？它们有何意义? 告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。 标准模式（Standards mode）以浏览器支持的最高标准运行； 混杂模式（Quirks mode）中页面是一种比较宽松的向后兼容的方式显示。 2.HTML...

css规范简介 作为前端开发人员，先问问小伙伴们在写CSS时是否碰到以下问题。 (1)你总是看不懂别人写的代码，或者读起来很吃力? (2)你总是怕自己编写的代码与同事的有冲突或者互相影响? (3)你的代码在多次维护之后，是否变得越来越臃肿，越来越难以维护? (4)当你需要修改同事写的代码时感觉无从下手，或者要去问他如果改了这里那里会不 会影响其他代码? 其实出现上面这些情况的根本原因在于，CSS代...

2D概念 转换是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、变形、缩放，甚至支持矩阵方式，配合即将学习的过渡和动画知识，可以取代大量之前只能靠Flash才可以实现的效果。 2D 动画要是使用 transform 属性来实现文字或图像的的各种变形效果，如位移、缩放、旋转、倾斜等。 transform属性变形方法： 1.translate()：位移 　　　　　将元素沿着水平方向（X轴）和...