CSS基础
YuLi_Zoe
Time waits for no one.the harder you work, the luckier you are.
展开
-
CSS布局基础心得
结构,是由文档中的主体部分,再加上语义化、结构化的标记。 表现,是赋予内容的一种样式。 我们用一个 html 文档来保存内容与结构,用一个 css 文档来控制整个文档的表现。 在开始使用css布局之前,首先要保证我们的Web页面是以标记结构化的方式编写的。 一、带有语义的标记。 下面一段HTML就是为了实现某种表现样式而编写的: 下面一段HTML是为了达到正确的语义而编写的:原创 2015-01-18 21:30:23 · 573 阅读 · 0 评论 -
CSS知识点总结2
一、盒模型 1、盒模型由内容、内边距、边框、外边距组成。 2、在CSS中,width和height指的是内容区域的高度和宽度,增加内边距、边框和外边距的高度和宽度不会影响内容区域的内容区域的尺寸,但会增加元素框的总尺寸。 3、在IE中width指的是内容、内边距和边框的和 二、div水平垂直居中的方法 1、 margin-left:auto; margin-right:auto原创 2015-09-05 00:00:13 · 587 阅读 · 0 评论 -
CSS知识点小总结
一、盒子模型 盒子模型和IE的区别:盒子模型的width属性只包括内容区,而IE的width属性包括内容、内边距和边框的总和 二、选择器的优先级 !important>行内样式>ID>类、伪类、属性>类型选择器、伪元素选择器 三、定位与浮动: 可视化模型分为相对定位、绝对定位(包括固定定位)、浮动,其中绝对定位和浮动脱离文档流,相对定位在文档流中,无论是否移动,元素仍占据原来的空间 四原创 2015-05-26 23:31:38 · 574 阅读 · 0 评论 -
三列布局的几种方式
一、绝对定位法两边用绝对定位,中间用margin,左右宽度固定,中间宽度不固定,中间主体放在左栏右栏后面(中间栏会占据整行)<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .left{ width:400px; height:500px; background:red;原创 2015-09-24 15:37:45 · 2591 阅读 · 0 评论 -
两列布局的几种方式
一、绝对定位法<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin:0; padding:0; } .left{ width:200px; height:300px; background: red; position:absolut原创 2015-10-14 16:00:06 · 608 阅读 · 0 评论 -
元素大小
一、偏移量1、offsetHeight offsetHeight=元素高度+可见垂直滚动条高度+上边框高度+下边框高度 2、offsetWidth offsetWidth=元素宽度+可见水平滚动条高度+上边框宽度+下边框宽度 3、offsetLeft offsetLeft=元素的左外边框至包含元素的左内边框之间的像素距离 4、offsetTop offsetTop=元素的上外边框至包含原创 2015-12-24 00:01:07 · 588 阅读 · 0 评论