• position定位,CSS入门必备, 好像以后有个更厉害的fl

    position定位,CSS入门必备, 好像以后有个更厉害的flex! 定位 可通过position属性还设置元素的定位。 ?可选值:static 默认值 没开启 ? relative 开启相对定位 ? absolute 开启绝对定位 ? fixed 开启固定定位(绝对定位的一种) 开启定位后可通过left、right、top、bo...

    2020-03-07 16:00:58

  • 高度塌陷,清除浮动---CSS必备的盒子模型知识!

    高度塌陷,清除浮动---CSS必备的盒子模型知识! 文档流 1、元素在文档流中的特点: ?块元素:在文档流中独占一行;在文档流中默认宽度是父元素的100%,默认高度是被内容撑开。 ?内联元素:在文档流中只占自身大小,如果一行不足以容纳多个内联元素就会换到下一行继续从...

    2020-03-07 16:00:44

  • 边框详讲---CSS必备的盒子模型知识!

    边框详讲---CSS必备的盒子模型知识! 盒子模型 盒子模型的四个部分:内容区、边框,内边距,外边距;前三者共同决定盒子可见框的大...

    2020-03-07 16:00:32

  • html -- 块元素、内联元素、内联块元素 练习

    html -- 块元素、内联元素、内联块元素 练习 html标签(也叫元素)大概可以统分为三大类,块元素、内联元素、内联块元素。 块元素 1,常用的块元素:ul、li、div、p、dl、dt、dd、h1~h6。 2,块元素支持所有的样式。 3,盒子独占据一行,即使设置了宽度。 4,如果没有设...

    2020-03-06 16:01:36

  • 汇总css布局模型和常见代码缩写与长度单位

    汇总css布局模型和常见代码缩写与长度单位 在网页中元素有三种布局模型:1.流动模型(Flow)2.浮动模型 (Float)3.层模型(Layer),如何让html元素在网页中精确定位?通过css定位属性position来支持层布局模型=>层模型有三种形式:1.绝对定位(position: absolute)2.相对...

    2020-03-06 16:01:12

  • 定位与锚点

    定位与锚点 文档流: 普通流:上至下,左至右 浮动流:元素添加了float:; 定位流:添加了定位属性 定位 position:; static 默认值 absolute 绝对定位(脱离文档流,不占位;默认参考浏览器零点) relative相对定位(占据文档流,占位置;参考自身加载在页面中的位置)...

    2020-03-06 16:00:55

  • css排版常用样式、三种不同html类型、css布局盒模型介

    css排版常用样式、三种不同html类型、css布局盒模型介绍 通过字体、字号、颜色、粗体、斜体、下划线、删除线、缩进、行间距、字符间距、对齐等css格式化要素实现网页格式化排版,完成设计页面效果;了解css布局前提,需要掌握三种html不同标签:块状元素、内联元素(行...

    2020-03-06 16:00:34

  • 文本空白,溢出,省略号

    文本空白,溢出,省略号 overflow:文本溢出设置 hidden 超出隐藏 scroll 超出时滚动查看(未超出时也有滚动机制) auto 超出时滚动查看(自适应,未超出时不会有滚动机制) inherit 继承父级的overflow设置 white-space:文本空白 normal 默认值 pre 保留所有格式,且不...

    2020-03-06 16:00:30

  • javascript中获取dom元素的高度和宽度【转】

    javascript中获取dom元素的高度和宽度【转】 javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高:...

    2020-03-05 16:02:23

  • CSS设置DIV背景色渐变显示【转】

    CSS设置DIV背景色渐变显示【转】 style type=text/css .linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red); /*IE 6 7 8*/ background: -ms-linear-gradient(top, #fff, #...

    2020-03-05 16:01:53

2