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
浏览:265 标签: HTML meta
transform中的矩阵
transform中的矩阵
矩阵存在的问题<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no" /><styletype="text/css">#box {width:100px;border:1px solid#0
浏览:434 标签: transform 矩阵 matrix()
css3中transform 2d转换
css3中transform 2d转换
transform 2d 样式:rotate、skew、scale、translatetransform-origintransform的执行顺序
浏览:428 标签: transform css3
less语法--Math函数/命名空间/避免编译
less语法--Math函数/命名空间/避免编译
Math函数:round()--四舍五入、ceil()--向上取整、floor()--向下取整。/* less */.box{ width:round(59.5)*1px; height:ceil(21.1)*1px; border:floor(2.6)*1px solid red;}/* 编译后的css */.box { width:60px
浏览:469 标签: less math importing
less语法--混合/带参数混合
less语法--混合/带参数混合
混合:在 LESS 中我们可以定义一些通用的属性集为一个class,然后在另一个class中去调用这些属性。【1】最简单的混合方式/* less */.classA{border:1px solid red;color:#fff;}classB{ .classA;font-size:26px;}/* 编译好后的css */.classA {border:1p
浏览:531 标签: 混合 less
less语法--变量
less语法--变量
less语法--变量:允许我们单独定义一系列通用样式,然后在需要的时候去调用,所以在做全局样式调整的时候,我们可能只修改几行代码就ok了。less注释方式:// 和 /* */。两者区别是:双斜杠“//”只能注释单行,并且“//”注释的less文件被编译成功后不会带到css文件中。【1】代码示例/* less */@width:12px;.border{width: @w
浏览:498 标签: less 变量
less语法--嵌套
less语法--嵌套
less语法--嵌套:可以在一个选择器中嵌套另一个选择器来实现继承,这样很大程度减少了代码量,并且代码看起来更加清晰。例子:导航布局样式【1】普通css写法nav{min-width:1200px;height:50px;background:#000;}nav.content{width:1200px;margin: auto;}nav.content.left{fl
浏览:491 标签: less
less使用方式
less使用方式
1、直接引入less.js文件    <!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>less</title><linkrel="stylesheet/less"href="./css/style.less" /><scriptsrc="./js/less.min.js"></script></he
浏览:551 标签: less 考拉
宽度高度不固定的div水平/垂直居中方法
宽度高度不固定的div水平/垂直居中方法
        1、宽度高度不固定的div水平/垂直居中方法div{    width:400px;    height:300px;    border:1px solid green;    position: absolute;    top:50%;    left:50%;    -webkit-transform:translate(-50%,-50%
浏览:758 标签: 水平垂直居中
CSS盒子模型理解
CSS盒子模型理解
        前言        盒子模型,英文即box model。无论是div、span、还是a都是盒子。        但是,图片、表单元素一律看作是文本,它们并不是盒子。这个很好理解,比如说,一张图片里并不能放东西,它自己就是自己的内容。        盒子中的区域        一个盒子中主要的属性就5个:width、height、padding、borde
浏览:836 标签: 盒子模型 css
css加载方式link和@import的区别
css加载方式link和@import的区别
        有 4 种方式可以在 HTML 中引入 CSS。        1、内联方式:内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。<divstyle="background: red"></div>        这通常是个很糟糕的书写方式,它只能改变当前标签的样式,如果想要多个 <div> 拥有相同的样式,你不得不重复地为每个 <di
浏览:674 标签: css link @import
html5中sessionStorage和localStorage区别
html5中sessionStorage和localStorage区别
        html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。        sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储(半持
浏览:828 标签: sessionStorage localStorage html5

邮箱快速注册

忘记密码