随笔分类 -  CSS

摘要:一、实例1: 二、实例2: 三、实例3: 四、实例4: Clip属性简介:http://www.cnblogs.com/tianma3798/p/5862126.html 阅读全文
posted @ 2016-09-11 17:07 天马3798 阅读(710) 评论(0) 推荐(0) 编辑
摘要:Clip属性在W3C官网是这样进行描述的:“通过对元素进行剪切来控制元素的可显示区域,默认情况下,元素是不进行任何剪切的,但是也有可能剪切区域也显示的设置了clip属性”。 首先你要注意:clip属性只能在元素设置了“position:absolute”或者“position:fixed”属性起作用 阅读全文
posted @ 2016-09-11 16:55 天马3798 阅读(5406) 评论(0) 推荐(0) 编辑
摘要:css文字两端对齐text-align:Justify(火狐,Google);text-justify:inter-ideograph(IE)1.text-align语法:text-align : left | right | center | justify 取值:left : 默认值。左对齐... 阅读全文
posted @ 2015-11-23 19:15 天马3798 阅读(2301) 评论(0) 推荐(0) 编辑
摘要:CSS中, Box Model叫盒子模型(或框模型),Box Model规定了元素框处理元素内容(element content)、内边距(padding)、边框(border) 和 外边距(margin) 的方式。在HTML文档中,每个元素(element)都有盒子模型,所以说在Web世界里(特... 阅读全文
posted @ 2015-05-28 16:21 天马3798 阅读(278) 评论(0) 推荐(0) 编辑
摘要:一、什么是样式表 CSS 是Cascading Style Sheet 的缩写。译作【层叠样式表】。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记行语言。 优点: 1.解决<input>、<p>等默认标签不同浏览器显示不同的问题 2.减少代码的冗余,提高浏览器解析效率,也提高了工 阅读全文
posted @ 2015-05-26 08:08 天马3798 阅读(267) 评论(0) 推荐(0) 编辑
摘要:HTML - EMail链接HTML Email 标签在标签中,提供一个email地址,你就可以让用户发送邮件,格式是: Send Email 如果用户点击这个链接,就会启动安装在用户电脑上的邮件程序像Lotus Notes, Outlook Express之类的。当然,如果用户没有安装邮件... 阅读全文
posted @ 2014-12-04 14:04 天马3798 阅读(697) 评论(0) 推荐(0) 编辑
摘要:关于object在使用上的问题1.直接调用标签中的单击事件是含有onclick和ondblclick两个事件的。按照以往方式,直接在里面调用js的方法(为了检验方便,这里只写alert()),如下:点击,没有任何反应。2.用js为标签监听单击事件采用如下方法以试图监听onclick事件后进行处理。点... 阅读全文
posted @ 2014-11-17 13:59 天马3798 阅读(308) 评论(0) 推荐(0) 编辑
摘要:1.通配符 all--one all--one one 显示:2.标签选择器 百度 腾讯 阿里巴巴... 阅读全文
posted @ 2014-11-11 11:04 天马3798 阅读(708) 评论(0) 推荐(0) 编辑
摘要:三列自适应等高且中列宽度自适应的CSS布局实例,作者silence应用了很多HACK进行代码编写。 IE6是主要出现问题的浏览器,希望在以后的发展中,IE6与标准不再协调的事情不要再次发生。我们看代码: 阅读全文
posted @ 2014-10-14 10:58 天马3798 阅读(277) 评论(0) 推荐(0) 编辑
摘要:相信很多人都非常喜欢用div+css布局,无论你是前端开发者,还是后台程序员,因为它的好处实在太多,可以用很少的代码来控制布局,然后用CSS表现其形态,表现和样式分离。而且在SEO方面,它还能提供30%的优化,我们何乐而不为呢。 很多人都会碰到如题的布局问题,解决方案很多,可以用背景图来填充,或用j 阅读全文
posted @ 2014-10-14 10:56 天马3798 阅读(303) 评论(0) 推荐(0) 编辑
摘要:一、word-wrap1.浏览器支持所有主流浏览器都支持 word-wrap属性2.定义和用法word-wrap 属性允许长单词或 URL 地址换行到下一行。语法word-wrap: normal|break-word;值描述normal只在允许的断字点换行(浏览器保持默认处理)。break-wor... 阅读全文
posted @ 2014-09-24 11:15 天马3798 阅读(280) 评论(0) 推荐(0) 编辑
摘要:本文和大家重点讨论一下用CSS来表示表格的cellpadding和cellspacing方法,表格的cellpadding和cellspacing我们经常会用一定的方式来清除默认样式,请看下文详细介绍。用CSS来表示表格的cellpadding和cellspacing方法表格的cellpadding和cellspacing我们经常会用如下的方式来清除默认样式:引用很多朋友会说表现在结构中,这样不符合标准,那如何将这个表现拿出来,有些朋友或许很迷惑。我们可以用table的border-collapse:collapse;属性来代替cellspacing="0",用th,td的 阅读全文
posted @ 2014-01-15 10:50 天马3798 阅读(2696) 评论(0) 推荐(0) 编辑
摘要:今天有个用户,门户右上角的倒三角登陆小按钮在他的电脑上无法显示,他用的笔记本屏幕较小,宽度正好显示出页面内容,经查看,门户页眉使用的为flash对象。大家都知道,如果想让某个图片或者Div层悬浮在别的对象之上,一般的方法是用CSS的z-index来定义。z-index的数值越大,对象越在上面。但面对flash object对象,z-index无论调多大,你的对象总是在object下面。这时你需要在Object的标签内部加入一个参数,具体含意为object的透明模式,这样,你的倒三角按钮就会悬浮在object之上了。以下附object对象的wmode属性:wmode 属性/参数值: Window 阅读全文
posted @ 2013-12-11 17:34 天马3798 阅读(413) 评论(0) 推荐(0) 编辑
摘要:显示网页您可以显示一张网页:播放音频您可以播放音频:播放视频你可以播放视频:显示日历您可以显示日历:显示图形:你可以显示图形:显示 Flash您还可以显示 flash 动画:为什么 class ID 会改变?Windows Media Player 7 及更高版本的 class ID 是:clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6.因特网上的许多地方把 class ID 声明为:clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95. 此 class ID 是一个老的版本,但是依然可以工作,这是因为其向后兼容性。但是如果您 阅读全文
posted @ 2013-12-11 17:09 天马3798 阅读(258) 评论(0) 推荐(0) 编辑