码迷,mamicode.com
首页 >  
搜索关键字:padding    ( 8371个结果
css3
body { background-color:#CCE5FF;}span { color: red;}.logo { font-family: Georgia; font-size: 37px; letter-spacing: 3px; line-height: 1; padding-left: ...
分类:Web程序   时间:2016-07-25 00:09:40    阅读次数:207
CSS3简单的空调
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{margin:0; padding:0;} .main{width:400px; height:340px; margin-t ...
分类:Web程序   时间:2016-07-24 16:18:40    阅读次数:368
js最基础知识回顾
一、html/css 1. 什么是盒子模型? padding+border+width/height 2. float 浮动 (1)浮动的特性 半脱离文档流 行内变成块 共处一行 能设置宽高 同级元素有浮动,必须全部都浮动 父级宽度不够,子集掉下来 文本环绕 顶对齐 (2)清除浮动? clear:b ...
分类:Web程序   时间:2016-07-24 09:21:00    阅读次数:347
inline、block的一些了解
inline与block最直观的区别,内联元素可以多个在一行,而块级元素独占一行,两者可以互相转换。 display:inline; 内敛元素,width与height无效,不会独占一行,margin和padding只有水平属性会生效。 display:block; 块级元素,可以设置width与h ...
分类:其他好文   时间:2016-07-24 00:27:14    阅读次数:145
前端基础01-布局中所遵循的规范或是通例
布局中所遵循的规范或是通例 一般是遵循从上到下,从左到右的一个顺序。就从页面的稳定性上来说,优先考虑使用标准流,其次才考虑浮动或是定位。 遵循标准流的元素中,又以宽高最稳定,先把大的框架实例化出来,再进行细节的布局。能用padding的优先考虑padding(内边距),其实才考虑margin(外边距 ...
分类:其他好文   时间:2016-07-24 00:25:20    阅读次数:144
实现“新手引导”效果
效果:代码:<!DOCTYPEhtml><html><head> <title></title> <metacharset="utf-8"/> <styletype="text/css"> *{margin:0;padding:0;} .main-div{background:url(imgs/gz.jpg);background-size:cover;height:800px} #mask{height:100..
分类:其他好文   时间:2016-07-23 21:16:41    阅读次数:173
关于盒模型
盒模型分两种模式 第一种就是 IE版本的盒模型 一种就是W3C版本的盒模型 盒模型的分布一般就是 最中间的content 内容那一部分 然后往外走就到了padding这个部分 之后就到了边框部分 border 最后才到margin部分 这里要注意一下的就是 IE版本的盒模型 它的内容部分是包括pad ...
分类:其他好文   时间:2016-07-23 16:36:09    阅读次数:122
HTML基础--盒模型
盒模型的属性: margin,border,padding,内容大小 线上显示地址http://js.jirengu.com/codutazowi test1使用了border-box后的变化 test2没使用border-box的变化 test1就是使用了border-box,模仿了怪异模式中的I ...
分类:Web程序   时间:2016-07-23 15:07:59    阅读次数:157
网页设计前端——盒子模型
1、盒子模型的宽高以及padding和border的认识 盒子的宽高不是CSS样式的宽高,CSS样式里的宽高只是内容的宽高,而盒子真实的宽高计算:宽:内容宽+padding+边框的高度 高:内容高+padding+边框的高度。这个地方要有所意识。 2、padding是有4个方向的,要控制这4个方向有 ...
分类:Web程序   时间:2016-07-23 14:54:46    阅读次数:334
菜单中英文切换
效果:代码:<!DOCTYPEhtml><html><head> <title>JQuery实现下拉菜单</title> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <styletype="text/css"> *{margin:0px;padding:0px} .nav-ul{list-style:none;bor..
分类:其他好文   时间:2016-07-22 19:41:19    阅读次数:217
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!