-
@@--企业网站综合布局实战----第3章 首页制作 3-11 新闻中心制作（二） 图片编辑六要素：大小、边距、边框、位置、浮动、背景； 文字编辑八要素：大小、边距、边框、位置、浮动、行高、背景、颜色； 在ie中不居中的问题： sublime默认没有在HTML前加上DTD,于是IE就以HTML而不是XHTML来解释文档. 问题并不在CSS而在XHTML网页本身. 需要加上这样的代码才能使得上述设置有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">查看全部
-
新闻标题用<h>标签 、使用转义字符，即>代表“>”； 2、使用<span>标签包含元素，使特定文本在行内显示； 3、行内元素使用浮动后，将产生错位，需要特别定义样式； 4、用百分比定义值，比如：宽度，可以适应多个宽度的盒子；查看全部
-
1.排版时注意 边框的像素 2、在分栏的时候，需要全面考虑盒子的总宽高，特别容易忽略border边框的宽度； 3、在设计时，可对div添加不同背景色来辅助设计，确定盒子的大小及位置; 4.div里没写什么内容，样式又没设置高度，div就会撑不开来查看全部
-
焦点轮换图demo网址:http://demo.jb51.net/js/myfocus/freestyle.html 让盒子中的文字居中，可以把行高设为盒子的高度 关于myfocus插件的使用 1，引入myfocus库文件 2，引入风格js文件 3，引入风格css文件 overflow：hidden 溢出的图片隐藏掉 用于制作banner查看全部
-
li a:hover,.labels li a:active{color:white;background-color:#BE3948;} ① 超链接四种状态的设置顺序； ② 要想让列表在水平方向上排列，需要设置列表项浮动 ③ 由于a标签属于内联元素，无高度和宽度属性，因此控制鼠标经过状态改变背景颜色时，仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素，display:block查看全部
-
1. 添加表单，用form标签，在form中添加文本框,input标记，type属性<br> <form action="" method="post"> <input type="text" class="search_text"/> </form> 2.让文本内容在盒子垂直方向上居中，则让行高值等于盒子高度即可 3.a:link表示为超链接初始状态 a:visited表示为状态和超链接之下的访问后状态 hover表示鼠标经过时的状态 active表示按下鼠标之后的状态 4.填充：即设置盒子中的内容与盒子四周的距离，不想让输入的字覆盖到搜索图片上就使用填充,数值设置为图片的宽，即输入的文本最长输入到据盒子距离图片宽的位置上。 5.对文本样式进行操作，无样式即text-decoration:none; 6.list-style-type可以设置列表项目符号的不同样式，如：none表示无项目符号，即去除列表项目符号，disc表示实心圆（默认值），circle表示空心圆，square表示实心方块等 li设置行高line-height:父盒子的高度，用以垂直居中 给li设置宽度也可互相撑开，不一定要magin/padding list-style-type:none; /*清除选项前的圆点符号*/ background:url() no-repeat right center;后面的right表示背景图片水平居右、垂直居中显示。查看全部
-
左右圆角边缘如果没有出现，注意检查一下元素的高度。 设置了float的元素，最好一并将width，height全设定好，不然有时可能会因为没有内容撑开盒子而导致盒子不见！ backgroud:url() no-repeat; 等同于background-image:url(); background:no-repeate; 1、IE不支持圆角样式，所以使用背景图片的方法来实现，且设置左、中、右浮动； 2、在盒子中有浮动元素时，当div没有内容时，div框架很可能会不显示出来，这时设置高度可以把div框架撑开 3、对于多个重复的样式时，可将其组合起来，仅写一个样式。 解决导航栏li标签错位问题： 解决1：不使用html5; 使用html5较早版本的doctype 解决2：在浮动之前清除浮动： .nav{clear:left;height:40px;}查看全部
-
IE6、IE7下 img与div（block类型元素）下边有间隔（或许叫缝隙、空隙）。 IE7才会有这个问题，IE8下是没有的。 1.：定义图片img标签vertical-align:bottom，vertical-align:middle，vertical-align:top; img{vertical-align:bottom;} 2.：定义容器里的字体大小为0: div { width:110px; border:1px solid #000000; font-size:0 }； 原因： 图片文字等inline元素默许是和父级元素的baseline对齐的，而baseline又和父级底边有必定间隔（这个间隔和 font-size，font-family 相关），所以设置 vertical-align:top/bottom/text-top/text-bottom 都能够防止这种状况呈现。而且不光li，其他的block元素中包括img也会有这个景象。 这两种方法都是可以的查看全部
-
1、让图片与文本居中对齐，可将图片的对齐方式改为居中对齐（亦可直接设置display:inline;），即：vertical-align:middle;； 2，font-family 选择字体。 3、让特殊文本不跳行，需要使用内联标签，如：<span>；查看全部
-
总结：常用的清除浮动的方法。 1、使用空标签清除浮动。我用了很久的一种方法，空标签可以是div标签，也可以是P标签。我习惯用<P>，够简短，也有很多人用<hr>，只是需要另外 为其清除边框，但理论上可以是任何标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮动，并为其定义CSS代 码：clear:both。此方法的弊端在于增加了无意义的结构元素。 对于使用额外标签清除浮动（闭合浮动元素），是W3C推荐的 做法。至于使用<br />元素还是空<div></div>可以根据自己的喜好来选（当然你也可以使用其它块级元素）。不过要注意的 是，<br />本身是有表现的，它会多出一个换行出来，所以要设定它的heigh为0，以隐藏它的表现。所以大多数情况下使用空<div>比较合 适。 2、使用overflow属性。此方法有效地解决了通过空标签元素清除浮动而不得不增加无意代码的弊端。使用该方法是只需在需要清除浮动的元素中定义CSS属性：overflow:auto，即可！”zoom:1″用于兼容IE6,也可以用width:100%。 不过使用overflow的时候，可能会对页面表现带来影响，而且这种影响是不确定的，你最好是能在多个浏览器上测试你的页面； 3、使用after伪对象清除浮动。 该方法只适用于非IE浏览器 。具体写法可参照以下示例。使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置height:0，否则该元素会比实际高出若干像 素；二、content属性是必须的，但其值可以为空，蓝色理想讨论该方法的时候content属性的值设为”.”，但我发现为空亦是可以的。 此三种方法各有利弊，使用时应择优选择，个人习惯于第一种，比较稳定可靠。 参考链接：http://www.cnblogs.com/fengzheng126/archive/2012/05/19/2508778.html查看全部
-
a:link超链接初始状态 a:visited超链接访问之后的状态 a:hover鼠标经过时的状态 a:active按下鼠标之后的状态查看全部
-
页面头部制作（一） 1、让元素在横向页面居中，可使用：margin:0 auto; 2、让列表文本垂直居中，可设置相等的高与行高，即：height:*px;line-height:*px;； 3、改变列表的项目标点，可使用list-style-img:url("图标地址");； 4、让列表显示在同一行，可使用：display:inline; 5.JS中出现乱码，可以在引入js文件时，加上charset="gb2312"查看全部
-
首页布局查看全部
-
用p标签把日期和a标签包裹住也可以解决在IE中的错位问题。查看全部
-
盒子模型 三列布局 两列自适应 焦点图，幻灯片切换效果查看全部
举报
0/150
提交
取消