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 · 613 阅读 · 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 · 636 阅读 · 0 评论 -
CSS知识点小总结
一、盒子模型盒子模型和IE的区别：盒子模型的width属性只包括内容区，而IE的width属性包括内容、内边距和边框的总和二、选择器的优先级！important>行内样式>ID>类、伪类、属性>类型选择器、伪元素选择器三、定位与浮动：可视化模型分为相对定位、绝对定位（包括固定定位）、浮动，其中绝对定位和浮动脱离文档流，相对定位在文档流中，无论是否移动，元素仍占据原来的空间四原创 2015-05-26 23:31:38 · 616 阅读 · 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 · 2691 阅读 · 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 · 688 阅读 · 0 评论 -
元素大小
一、偏移量1、offsetHeight offsetHeight=元素高度+可见垂直滚动条高度+上边框高度+下边框高度 2、offsetWidth offsetWidth=元素宽度+可见水平滚动条高度+上边框宽度+下边框宽度 3、offsetLeft offsetLeft=元素的左外边框至包含元素的左内边框之间的像素距离 4、offsetTop offsetTop=元素的上外边框至包含原创 2015-12-24 00:01:07 · 649 阅读 · 0 评论