HTML5基础知识汇总

--------------------------0815-----------------------------------

1、img,input{ vertical-align:bottom} 这个是设置垂直居中的

2、.pic2{ background-position:0 -30px;}

.pic3{ background-position:0 -60px;}

.pic4{ background-position:0 -90px;}  首先背景先放张图片,然后再调其位置。 (适用于精灵图的使用)

3、background : 颜色  背景图  no-repeat  放的位置坐标(先水平,后垂直)

4、div a{ color:inherit; border:inherit;}  继承问题,主要在这里加上inherit,就可以继承父类的属性。

5、em表示斜体,有强调的意思, em表示两个字宽  b加粗 u下划线 i斜体 (bui)

注意:圣杯布局 (用5个标签 左右两个,然后中间要有两个 ,记得用margin-left:-100%;  让它陷进去。先确定好中间那一块。)

---------------------------0816-----------------------------------

6 position: absolute; 绝对定位(子绝父相)。 relative相对定位 。fixed 固定定位

7、盒子居中问题:① position:absolute;  left:50%; top:50%; margin-top:-100px; margin-left:-100px;

②position:absolute; left:0; top:0; bottom:0; right:0;  margin:auto;

8、背景属性尺寸 background-size:contain;(尽可能显示)     background-size:cover;(完全覆盖)

9、背景起源 background-origin:border-box;    background-origin:content-box;

10、背景裁剪属性 background-origin:content-box; background-clip:padding-box;

11、背景模式:background:url(images/bg.jpg); background-attachment:fixed; 固定定位

12、多背景模式 :background: url(images/110.jpg) no-repeat 0 0 , url(images/110.jpg) no-repeat left bottom; 这里要记得这样写

13、滑动门技术:  用4个标签div  要把最大的div、还有中间的div 的width设置为auto;

注意 滑动门技术

14、选择器??????????

15、个数刷选数

16、hover的使用,值得注意的就是 hover的使用要在有父级、子级之间的。同级之间的使用没有效果。

17、before、after ,使用的时候是通过css在前边添加或者后边添加,不过要配合content来使用。如果是图片的话,记得边长行内快

inline-block

18、投影属性 box-shadow: x   y  25px  red  inset; (表示投影的位置 :x表示水平,y表示垂直)。 text-shadow:x    y    10px  gray;

19、水平居中:text-align、 auto    垂直居中: ling-height:行高;

20、transition: all 3s    配合hover来使用的

注意:手风琴的制作。。。重点

21、手风琴制作步骤:div>ul>li  记得在div中设置overflow;

22、延时执行  transition:all 3s ease-out; transition-delay:3s;

---------------------------0818-----------------------------------

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,736评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,167评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,442评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,902评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,302评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,573评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,847评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,562评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,260评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,531评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,021评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,367评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,016评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,068评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,827评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,610评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,514评论 2 269

推荐阅读更多精彩内容