-
加载……查看全部
-
焦点图重点查看全部
-
引入外部文件查看全部
-
大盒子嵌套查看全部
-
块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了CSS控制以后,块元素和内联元素的这种属性差异就不成为差异了。我们可以通过设置display属性实现块级元素和内联元素的相互转变。 px是【绝对单位】 em是【相对单位】,1em的大小是当前1个字体的大小,因此2em正好是两个字符 样式设置属性: 标题:font-family;font-size;text-align;margin 内容(文字+图片):font-size;line-height;text-indent;padding 1.首行缩进: text-indent:2em; 段落首行缩进两个字符 2.text-indent的值允许是负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px;查看全部
-
A标签是内联元素,为了使内联元素具有块级元素的一些属性同时使所有的a标签显示在同一行上,我们需要把a标签设置为行内块元素inline-block。查看全部
-
<a>是一个内联元素,为了使<a>同时具有内联元素和块级元素的属性和特点,即:可以在一行内显示多个元素,又可以设置其宽和高,同事能使其在W3C和IE中都兼容, 页码制作是使用:display:inlin-block; 页码的代码:<a href="#">首页</a><a href="#"><</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">...</a><a href="#">></a><a href="#">末页</a>查看全部
-
1.当鼠标悬浮在超链接上时,列表项样式设置既有背景图片,又有背景颜色的,且背景图片不重复,此时在左边显示背景图片,没有背景图片的地方显示背景颜色。 2.鼠标悬浮时,背景颜色改变没有占据整行,只改变了文字颜色因为<a>为内联元素,要想它宽高起作用,就要设成块元素 display:block。 3,背景图片位置设置,background:url(images/1.gif) no-repeat left center; --背景图片不重复向左垂直居中。 块级元素,默认是独自占据一行的。比如是<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ul>、<ol>、<dl>、<pre>、<hr /> 2.内联元素,默认是几个内联元素都可以在同一行上显示。比如是<a>、<span>等。 3.内联元素要变成块级元素增加:display:inline增加这段代码就可以了。查看全部
-
min_height:350px; 最小350px _height:350px; 兼容IE6 要同时使用 下面的盒子被上面的内容覆盖 是因为上面盒子的浮动是盒子脱离了标准文档流 需要清除浮动 clear:both . 新闻内容页,不设置固定的height值,因为内容大小不确定,所以设定min-height值(IE6不支持) 2. 仅仅设置min-height值,不能解决内容过大溢出容器、影响版权div的问题,所以要给版权div清除浮动,用clear: both; 3. IE6不支持min-height,解决办法:用css hack的写法,_height:350px,这种写法只有IE6识别 4. 新闻内容页(list-content)外还有容器list-main,不要忘记给它也设置min-height(而不是height)、_height 盒子会根据内容自适应增长的,在子div和父div中应该加上min-height:最小长度值,并且在这个盒子底部的div也应该加上clear:both;清楚左右浮动。避免上面的盒子覆盖住下方盒子的内容。查看全部
-
图片设置的行内样式<div class="ad" id="pic_box" > 1,行内样式的优先级高于外部样式 2,行内样式适用于写少量样式的地方查看全部
-
底部版权用dl dt dd更符合语义化。 1、样式覆盖,对同一标签的样式,后面定义的会覆盖前面相同属性部分 2、css中就近原则:标签离哪一种样式比较近,就采用哪一种样式!查看全部
-
添加视频——引入其他网站的视频 直接从网站的视频分享中选中html复制,然后自定义宽高 优点:不用考虑视频优化维护问题,也不用考虑视频所占用的空间的大小; 缺点:播放会有原网站的广告,若网站视频删除,引用也会相应失败!查看全部
-
list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等但是不可以设置图片为项目符号。 text-align:center; font-style:normal;/*不倾斜*/ backgroung-position:/*背景的绝对定位*/ 1.em为内联元素,要把他改为块级元素后,设置的宽度和高度才有效 2.所有em的背景图片均为num.gif,通过设置background-position属性来控制不同列表项显示不同的背景图片background-position:x轴(-左移 +右移) y轴(-上移 +下移) 3,{margin:0;padding:0;}先清除默认样式 项目列表设计: 1、去除列表样式; 2、想左浮动; 3、设置固定宽度,可用百分比来平均定宽; 4、设置高度和行高;查看全部
-
list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等但是不可以设置图片为项目符号。 text-align:center; font-style:normal;/*不倾斜*/ backgroung-position:/*背景的绝对定位*/ 1.em为内联元素,要把他改为块级元素后,设置的宽度和高度才有效 2.所有em的背景图片均为num.gif,通过设置background-position属性来控制不同列表项显示不同的背景图片background-position:x轴(-左移 +右移) y轴(-上移 +下移) 3,{margin:0;padding:0;}先清除默认样式查看全部
-
在代码中把日期放在标题的左侧,可以防止在IE浏览器中日期错位的情况。 日期用<span>标签,新闻内容用<a>标签 border-bottom:1px dotted #ccc 表示列表下面灰色圆点间隔线 给行内元素 设置 display:block; 就可以设置他的 width 和height了查看全部
举报
0/150
提交
取消