HTML:meta标签的各种用法汇总

HTML:meta标签的各种用法汇总

一、<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">1.name="viewport" //设置视口(网页可绘制的区域)2.wid
浏览:179 标签: HTML meta 时间: 2018-07-04 10:15
宽度高度不固定的div水平/垂直居中方法

宽度高度不固定的div水平/垂直居中方法

        1、宽度高度不固定的div水平/垂直居中方法div{    width:400px;    height:300px;    border:1px solid green;    position: absolute;    top:50%;    left:50%;    -webkit-transform:translate(-50%,-50%
浏览:674 标签: 水平垂直居中 时间: 2018-01-24 23:35
CSS盒子模型理解

CSS盒子模型理解

        前言        盒子模型,英文即box model。无论是div、span、还是a都是盒子。        但是,图片、表单元素一律看作是文本,它们并不是盒子。这个很好理解,比如说,一张图片里并不能放东西,它自己就是自己的内容。        盒子中的区域        一个盒子中主要的属性就5个:width、height、padding、borde
浏览:733 标签: 盒子模型 css 时间: 2018-01-18 23:30
css加载方式link和@import的区别

css加载方式link和@import的区别

        有 4 种方式可以在 HTML 中引入 CSS。        1、内联方式:内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。<divstyle="background: red"></div>        这通常是个很糟糕的书写方式,它只能改变当前标签的样式,如果想要多个 <div> 拥有相同的样式,你不得不重复地为每个 <di
浏览:617 标签: css link @import 时间: 2018-01-17 0:10
div嵌套引起的margin-top不起作用

div嵌套引起的margin-top不起作用

        通常大家在制作网页的过程中会遇到很多棘手的问题,比如我在写一个页面的时候,遇到了div嵌套引起的margin-top不起作用,对内部的div设置margin-top时,内部对于外部的div并没有产生一个margin值,而是外部的div相对于上面的div产生了一个margin值,为什么会出现这种情况???  这是因为嵌套div中margin-top出现转移,在部
浏览:505 标签: margin-top 时间: 2017-12-04 13:22
清除浮动的几种方法

清除浮动的几种方法

        一、什么是浮动?        原理: 在css中使用float:left和float:right,使元素脱离文档流。同时显示为类似display:inline-block的形式(可以定义宽高,但是又不会换行)。最大好处是相比于之前的table布局的,更具有灵活性。                二、不清除浮动会产生什么后果?        比如 我想要
浏览:517 标签: 浮动 css 时间: 2017-08-20 13:55
新手如何书写优雅CSS代码

新手如何书写优雅CSS代码

        最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS,影响CSS的效率发挥。我来分析总结一下错误所在,帮助大家更加容易使用CSS。 本文总结
浏览:546 标签: css 时间: 2017-07-31 16:15
CSS样式自动换行(强制换行)

CSS样式自动换行(强制换行)

        自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法。        一、对于div,
浏览:790 标签: css css3 时间: 2017-06-15 11:48
CSS两列及三列自适应布局方法整理

CSS两列及三列自适应布局方法整理

        在传统方法的基础上加入了Flex布局并阐述各方法的优缺点,希望对大家有所帮助。先上目录:  两列布局:左侧定宽,右侧自适应 。        方法一:利用flo
浏览:620 标签: css 自适应 flex 时间: 6/7/2017, 3:14:45 PM

邮箱快速注册

忘记密码