hduhdc - 博客园

2016年3月7日

摘要： input：和button，select，img是不分行的在一行上面显示 input也会一行 <p></p>换行 <br />也是换行的 <img id="img1" src="img/1.jpg" width="200" />一 span不认宽高阅读全文

posted @ 2016-03-07 10:52 hduhdc 阅读(95) 评论(0) 推荐(0) 编辑

2016年3月6日

2016-3-6.16:43------------js开始

摘要： ------------------------------------------------------------------- 阅读全文

posted @ 2016-03-06 18:13 hduhdc 阅读(84) 评论(0) 推荐(0) 编辑

2016年3月5日

IE6下整站的bug详解

摘要：《1》文字不居中：加一个行高；《2》png文件作为背景不显示： <!--[if IE 6]> <script src="js/DD_belatedPNG_0.0.8a.js"></script> <script> DD_belatedPNG.fix('*');在这个地方可可加入div 或是p </ 阅读全文

posted @ 2016-03-05 12:03 hduhdc 阅读(91) 评论(0) 推荐(0) 编辑

父亲浮动，子代也会跟着走

摘要： 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"/> 5 <title>无标题文档</title> 6 <style> 7 #a{width:500px;height:500px;border:solid black 4px;} 阅读全文

posted @ 2016-03-05 11:27 hduhdc 阅读(124) 评论(0) 推荐(0) 编辑

内联元素和块元素

摘要：内联不占行，如input，span，a，你会发现写多个input的时候，它们都排在同一行块状元素，占行，如div，p。你会发现写多个div的时候，它们都各自占一行。有时候你用到什么元素的时候，可能自己观察下。也可以去看下w3school。如果你想内联元素占行，可以用css中的display：bloc 阅读全文

posted @ 2016-03-05 11:26 hduhdc 阅读(129) 评论(0) 推荐(0) 编辑

2016年3月4日

inline-block

摘要：使得a标签认识宽和高，并且水平排列 display：block认识宽和高，垂直排列阅读全文

posted @ 2016-03-04 23:25 hduhdc 阅读(103) 评论(0) 推荐(0) 编辑

overflow：hidden

摘要：超出之后隐藏，比如有一个div，高度和宽度都是100像素，当里面的内容很多，div里撑不下时，如果设置overflow:hidden，就会把超出的内容隐藏掉不显示阅读全文

posted @ 2016-03-04 22:57 hduhdc 阅读(117) 评论(0) 推荐(0) 编辑

鼠标点到某个位置出现手势的效果。

摘要： cursor:pointer由箭头变为小手如果想鼠标碰到九变色加一个active .sort .active { background:#099; color:#fff; } 背景为#099 字体为fff。阅读全文

posted @ 2016-03-04 22:56 hduhdc 阅读(223) 评论(0) 推荐(0) 编辑

对于清浮动问题，终极。

摘要：当同时出现左浮动以及右浮动的时候，父亲就包不住了？？？？方法一：给父亲加上高；方法二：清浮动{after/clear....} 阅读全文

posted @ 2016-03-04 22:02 hduhdc 阅读(121) 评论(0) 推荐(0) 编辑

将所需要的图标排成一列组成一张图片，方便管理。li的妙用

摘要：我在做一个网站的header 但是视频教学里面将电话图标，微信图标，以及每一个英文字母右边的小点拼成一副图。（图片的名字是top_ioc。png）拼成的整个图片作为li的背景。通过移动就可以分别将每幅图放到指定位置。 .top_menu { float:left; } .top_menu li { 阅读全文

posted @ 2016-03-04 08:46 hduhdc 阅读(401) 评论(0) 推荐(0) 编辑