一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎
原创
2012-10-08 14:15:15
392阅读
CSS
一、CSS：页面美化和布局控制1. 概念CSS即Cascading Style Sheets 层叠样式表，是表现HTML或XHTML文件样式的计算机语言 ，包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等的设定层叠：多个样式可以作用在同一个html的元素上，同时生效使用CSS的优点：功能强大减少网页的代码量，增加网页的浏览速度，节省网络带
转载
2023-07-14 22:57:14
0阅读
对于小业务，需要自适应的相应式布局，如果引用bootstrap一样的框架，将会非常笨重，于是手写一个css/*自写栅格 start*/body { font-family: Helvetica,Arial,"Helvetica Neue","Droid Sans","Heiti SC","Microsoft YaHei",sans-serif; margin:0;}
原创
2021-06-17 12:31:44
385阅读
对于小业务，需要自适应的相应式布局，如果引用bootstrap一样的框架，将会非常笨重，于是手写一个css/*自写栅格 start*/body { font-family: Helvetica,Arial,"Helvetica Neue","Droid Sans","Heiti SC","Microsoft YaHei",sans-serif; margin:0;}
原创
2022-03-27 18:47:11
170阅读
html代码为：<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>souhu.html</titl
转载
2012-05-05 14:37:00
93阅读
2评论
a[href=index.
html]{首页}+a[href=list.
html]{专辑}+span{【独家发售】大张伟2018全新专辑《人间精品》} <a href="index.
html">首页</a> <a href="list.
html">专辑</a> <span>【独家发售】大张伟2018全 ...
转载
2021-10-28 12:18:00
263阅读
2评论
这节课。我们希望让Vedio页面对不仅只适配移动布局，我们来让它适应更大的布局。
所以。首先，我们先删除之前的背景样式测试代码。@media screen and (min-width:480px){ } @media screen and (min-width:660px){ }现在，我们来添加第一个媒体查询。我们想要做的第一件事是通过将两个元素并排浮动来创建一个两列布局，就像我们之前创建的画
原创
2022-09-04 10:12:27
123阅读
index.css /* index.css是用来美化首页的 */* { margin: 0; padding: 0; /* 內减模式 */ box-sizing: border-box;}li { list-style: n...
原创
2022-06-18 01:34:13
165阅读
commom.css /* 各个页面相同的样式表 : 头, 尾部 */ /* 版心 */ .wrapper { width: 1240px; margin: 0 auto; } /* 快捷
原创
2022-07-10 00:04:47
74阅读
index.css /* index.css是用来美化首页的 */ * { margin: 0; padding: 0; /* 內减模式 */ box-sizing: border-box; } li { list-style: none; } a { text-decoration: none;
原创
2022-06-26 00:03:16
108阅读
index.css .banner { height: 500px; background-color: #f5f5f5; } .banner .wrapper { position: relative; height: 500px; background-color: pink; } /* 侧导航
原创
2022-07-10 00:04:36
86阅读
commom.css <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content
原创
2022-07-10 00:04:53
100阅读
index.css /* 放index页面的样式表 */ /* banner */ .banner { height: 500px; background-color: #f5f5f5; } .banner .wrapper { position: relative; height: 500px;
原创
2022-07-10 00:05:15
148阅读
index.css .banner { height: 500px; background-color: #f5f5f5; } .banner .wrapper { position: relative; height: 500px; background-color: pink; } /* 侧导航
原创
2022-07-10 00:04:38
59阅读
