抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

移动web开发——rem布局

rem基础rem (root em)是一个相对单位,类似于em,em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如,根元素(html)设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。 12345678/* 根html 为 12px */html { font-size: 12px;}/...

移动web开发——flex布局

flex 是 flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为 flex 布局。 当我们为父盒子设为 flex 布局以后,子元素的 float、clear 和 vertical-align 属性将失效。 给父盒子添加flex属性,来控制子盒子的位置和排列方式 父项常见属性 flex-direction:设置主轴的方向 justi...

移动web开发

meta标签为使网站在移动端有理想的阅读宽度,需添加meta标签。 meta标签的目的:使布局视口的宽度与理想视口的宽度一致,简单理解就是设备有多宽,我们布局的视口就多宽。 1<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maxi...

元素显示与隐藏

类似网站中的广告,点击关闭时消失,重新刷新页面再出现。 本质:让一个元素在页面中隐藏或者显示出来。 displaydisplay: none ;隐藏对象 display:block ;显示元素/转换为块元素 display 隐藏元素后,不再占有原来的位置。 visibilityvisibility:visible; 元素可视 visibility:hidden; 元素隐藏 visibil...

css定位

定位 浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。 定位=定位模式+边偏移 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。 定位模式1234position: static; /*静态定位*/position: relative; /*相对定位...

css浮动

网页布局 标准流 块级元素:独占一行,从上向下顺序排列。常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table 行内元素:按照顺序从左到右顺序排列,碰到父元素边缘则自动换行。常用元素:span、a、i、em等以上都是标准流布局,标准流是最基本的布局方式。 浮动 定位 浮动float属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框...

盒子边框

边框12345border-width/*定义边框粗细,单位px*/border-style /*边框样式 solid实先 dashed虚线 dotted点线 */border-color /*边框颜色*/border: 1px solid red; /*简写*/border-collapse:collapse; /*表示相邻边框合并*/ 内边距padding内边距,即边框和内容之间的距离...

css三大特性:层叠性、继承性、优先级

层叠性层叠性指当标签被设置了多个重复的样式时,一个属性会被覆盖。 不考虑优先级,层叠性遵循“就近原则”。如下,最终颜色为绿色。 123456div{ color:red;}div{ color:green;} 继承性继承性是指子标签没有设置样式时,继承父标签样式。 继承性只适用于字体的颜色,大小、行间距等文本类属性,边框、外边距、内边距、定...

css背景

通过CSS 背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 123456background-color: 颜色值; /*背景颜色*/background-image: url(); /*背景图片*/background-repeat: repeat |no-repeat |repeat-x |repeat-y ...

元素显示模式及转换

元素显示模式就是元素(标签)以什么方式进行显示。比如<div>自己占一行,比如一行可以放多个<span>。HTML元素一般分为块元素和行内元素两种类型 块元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标签是最典型的块...