![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 585 阅读 · 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 · 598 阅读 · 0 评论 -
CSS知识点小总结
一、盒子模型盒子模型和IE的区别:盒子模型的width属性只包括内容区,而IE的width属性包括内容、内边距和边框的总和二、选择器的优先级!important>行内样式>ID>类、伪类、属性>类型选择器、伪元素选择器三、定位与浮动:可视化模型分为相对定位、绝对定位(包括固定定位)、浮动,其中绝对定位和浮动脱离文档流,相对定位在文档流中,无论是否移动,元素仍占据原来的空间四原创 2015-05-26 23:31:38 · 584 阅读 · 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 · 2612 阅读 · 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 · 620 阅读 · 0 评论 -
元素大小
一、偏移量1、offsetHeight offsetHeight=元素高度+可见垂直滚动条高度+上边框高度+下边框高度 2、offsetWidth offsetWidth=元素宽度+可见水平滚动条高度+上边框宽度+下边框宽度 3、offsetLeft offsetLeft=元素的左外边框至包含元素的左内边框之间的像素距离 4、offsetTop offsetTop=元素的上外边框至包含原创 2015-12-24 00:01:07 · 595 阅读 · 0 评论