马三荷

摘要：在css中，我们也使用border-radius属性来实现椭圆 语法 说明： x表示圆角的水平半径，y表示圆角的垂直半径。 例如：border-radius:30px相当于border-radius:30px/30px 想要实现椭圆，原理如下：高度和宽度不相等，其中四个圆角水平半径定义为宽度的一半， 阅读全文

摘要：1、半圆 半圆分为：上半圆、下半圆、左半圆、右半圆，我们只要学会制作某一个方向的半圆，其他方向的半圆都可以轻松实现，其原理都一样。 假如我们要制作上半圆，实现原理：把高度height设置为宽度width的一半，并且左上角和右上角的圆角半径定义为元素的高度一致，而右下角和左下角的圆角半径定义为0. 而 阅读全文

摘要：css实现圆角 css2.1给元素添加圆角是一件很麻烦的事，老办法是用背景图片实现，制作比较麻烦。css3，border-radius的属性，使圆角属性得到完美的解决。 语法 说明： 长度值可以是px、百分比、em等 设置border-radius:10px;设置的四个圆角半径都是10px bord 阅读全文

摘要：1、css图形简介 在浏览网页的时候，我们经常看见各种图形的效果，而但凡涉及到图形效果，我们第一个想到的就是用图片来实现。但是在前端开发中，为了网站的性能速度，我们都是秉承着少用图片的原生质。 因为图片实现有两个很明显的缺点：一是图片大小比较大数据传输量大，二是一张图片会引发一次http请求。这两个 阅读全文

摘要：深入定位布局： 在css中定位和浮动是其两大布局方式，float虽然灵活，但是不好控制，定位虽然不灵活，但是可以让用户精确定位页面元素的位置。 在css中，定位布局一共有四个方法： （1）固定定位（fixed） （2）相对定位（relative） （3）绝对定位（absolute） （4）静态定位（ 阅读全文

摘要：BFC 就是清除浮动 用来处理文档脱离文档流的问题清除浮动的方法： a、父元素也添加一个浮动 产生弊端就是：margin 不能使用 b、给父元素添加一个:display:inline-block 弊端同a一样：无法使用margin c、给父元素添加高 弊端：扩展性不好，我们无法随意再添加元素 d、 阅读全文

摘要：我们知道正常文档流下块元素是单独占一行 结果： 给他们加上浮动后，可以让他们并排 浮动可以使元素移到左边或右边，并且允许后面的文字或元素环绕着它。 浮动最常用的就是实现水平方向上的并排布局 float有三个属性：left、right、none； 对于浮动，具有两个最重要的特点： （1）把一个元素定义 阅读全文

摘要：正常文档流 什么叫文档流？ 就是页面上元素出现的先后顺序 什么叫正常文档流 正常文档流又称普通文档流或普通流。 它的定义是：把页面分为一行一行的，其中块元素单独占一行，相邻的行内元素从左到右排成一行直到该行排满。 正常文档流就是页面默认元素的布局 脱离文档流 指的是脱离正常文档流。正常的文档流就是我 阅读全文

摘要：这是百度的表单注册，左边是文字，右边是表单元素。表单元素排列整齐，非常美观，表单对齐，是我们在做表单的时候经常遇到的事情。 那我们看看像BAT这些大公司是怎么处理这件事的呢 方法如下： （1）每行表单分为左栏和右栏，左栏主要是文字，右栏是表单，所有行的左栏长度相等，所有行的右栏的盒子长度之和相等。 阅读全文

摘要：从三个方面深入表单开发技巧 （1）深入radio、checkbox （2）深入textarea （3）表单对齐 深入redio和checkbox redio指的是单选框而checkbox指的是复选框 学习：单选框和复选框的文字垂直居中 在大部分浏览器中文字大小为12px或14px。在表单开发中，无论 阅读全文

摘要：CSS文本属性及其说明 深入text-index 在搜索引擎中，h1是非常重要的标签，我们通常把网站中的logo放入h1当中，但由于搜索引擎不能识别图片，只能识别文字，所以为了帮助SEO优化 我们有一个解决方法：把h1的宽、高设置为logo的宽高，在把文字用用text-index:-9999px来隐 阅读全文

摘要：在css中如果我们想把块级元素转换成内联元素怎么办，通常我们都用css属性中的display来解决； inline-block 这个属性的特点是他结合了块元素的特点和行内元素的特点 display:none display:none我们经常和JavaScript用来动态隐藏元素，经常隐藏的元素比如二 阅读全文

摘要：通常一个盒子的内容是被限制在一个边框里面的，有时内容会不受限制部分或全部会溢出盒子外，我们通常使用css的overflow属性来定义处理这种事情的发生。 阅读全文

摘要：1、HTML:HyperText Mark-up Language(超文本标记语言)构成网页的主要语言 常指：HTML 4.012、XHTLM:EXtensible HyperText Mark-up Language (扩展的超文本标记语言) 是指更加严谨的html 4.01二者的区别就是HTML 阅读全文

摘要：块级元素的特点：1、“比较霸道”，一个人要独占一行2、“比较好说话”，高度、行高、外边距、内边距都可以控制3、宽度默认是容器的100%；4、可以容纳块级元素和内联元素行内元素的特征1、可以和相邻行内元素并排在一行；2、“不好说话” 宽度和高度对它无效，水平方向的margin和padding对它有用， 阅读全文

摘要：1、外边距叠加 外边距叠加是指两个垂直外边距相遇时，这两个外边距会合并成一个外边距，就是二变一，关键是叠加后的外边距会取值两个外边距最大的那个； 例子如下：创建A、B两个盒子，A定义一个margin-bottom:30px;B定义一个margin-top:20px 结果 发现他们之间的外边距明显小于 阅读全文

摘要：1、CSS盒子模型 在CSS盒子模型中，页面中的所有元素都可以看成是一个盒子，并且占据着一定页面的空间 1、内容区： 内容区是CSS盒子模型的中心，它主要呈现了盒子的主要内容比如文字，图案等，它是盒子的必备部分，其他三个是可选部分 content有三个属性：width、height、overflow 阅读全文

摘要：1、命名规范 命名规范的困扰不仅是新学习前端人员还是那些css开发时间很长的人员都很困扰。一个好的良好命名规范，不仅可以提高代码的阅读体验，而且对搜索引擎也是非常重要的 命名规范包括两个主要的方面： css文件命名、id命名、class命名 下面是网页页面常用的命名规范建议 书写规范 好的书写规范， 阅读全文

摘要： 阅读全文

摘要：css的特性 css具有两大特性：继承性和层叠性 1、继承性 指的是子元素继承父元素的样式，但没有所有的样式都可以继承（那样就太可怕了） 所以具有继承性的属性主要分为三大类 a、文本属性 font-size、font-family、font-style、font-weight、font、text-a 阅读全文

摘要： 阅读全文