位置: 编程技术 - 正文

CSS样式表常用小技巧收藏(css样式表三种方式)

编辑:rootadmin
· ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值。 · 同一个的 class 选择符可以在一个文档中重复出现,而 id 选择符却只能出现一次;对一个标签同时使用 class和 id 进行 CSS 定义,如果定义有重复,id 选择符做的定义有效。 · 初学可能会碰到这样一个情况,同样一个标签的属性在 IE 设置成 A 显示是正常的,而在 Mozilla 里必须要设成 B 才能正常显示,或者两个倒过来。 临时解决方法:选择符 {属性名:B !important ; 属性名:A;} //IE7 下无效 · 如果一组要嵌套的标签之间需要些间距的话,那就留给位于里面的标签的 margin 属性吧,而不要去定义位于外面的标签的 padding · li 标签前面的图标推荐使用 background-image 而不是 list-style-image · IE 分不清继承关系和父子关系的差别,全部都是继承关系。 · 在给你的标签疯狂加选择符的时候,别忘了在 CSS 里给选择符加上注释。 等你以后修改你的 CSS 的时候就知道为什么要这么做了。 · 如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。 · 定义链接的四种状态要注意先后顺序: Link Visited Hover Active · 与内容无关的图片请使用 background · 定义颜色可以缩写 #FF = #F · table 在某些方面比其它标签表现的要好的多。请在需要列对齐的地方用它。 · <script> 没有 language 这个属性,应该写成这样:<script type="text/javascript"> · 标题是标题,标题的文字是标题的文字。有时候标题不一定需要显示文字,所以:<h1>标题内容</h1> 改成 <h1><span>标题内容</span></h1> · 完美的单象素外框线表格(在IE5.0 IE6.0及 FF 中均可通过测试,其它未测试)table {border-collapse:collapse;} td {border:# solid 1px;} · margin 取负值可以在标签使用绝对定位的时候起到相对定位的作用,在页面居中显示时,使用绝对定位的层不适合使用 left:XXpx 这个属性。 把这个层放到一个要相对定位的标签旁,然后使用 margin 的负值是个好方法。 · 绝对定位时使用 margin 值定位可以达到相对于本身所在位置的定,这与 top,left 等属性相对与窗口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在。 几个常用到的 CSS 样式 · 1.中文字两端对齐:text-align:justify; text-justify:inter-ideograph; · 2.固定宽度汉字截断:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不过只能处理文字在一行上的截断,不能处理多行。)(IE5以上) · 3.固定宽度汉字(词)折行:table-layout:fixed; word-break:break-all;(IE5以上) · 4.<acronym style="cursor: help" title="输入要提示的文字">文字</acronym> 用鼠标放在前面的文字上看效果。这个效果在国外的很多网站都可以看到,而国内的少又少。 · 5.图片设为半透明:.halfalpha { background-color: #; filter: Alpha(Opacity=)} 在 IE6 及 IE5 测试通过,FF未通过。 · 6.FLASH透明: 选中 swf,打开原代码窗口,在 </object> 前输入 <param name="wmode" value="transparent"> 我们在做网页时常用到把鼠标放在图片上会出现图片变亮的效果,可以用图片替换的技巧,也可以用如下的滤镜,代码如下: .pictures img { filter: alpha(opacity=); } .pictures a:hover img { filter: alpha(opacity=); } · 如果文字过长,则将过长的部分变成省略号显示:IE5、FF 无效,但可以隐藏,IE6 有效 <div style="width: px; height: px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis"> <NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR> · title 换行用的符号或在 IE 中可能由于注释带来的文字重复问题时可以把注释改为:<!--[if !IE]> Put your commentary in here... <![endif]--> · 如何用 CSS 调用外部字体语法:@font-face { font-family : name; src: url ( url ); sRules }取值: name :  字体名称。任何可能的 font-family 属性的值 url ( url ) :  使用绝对或相对 url 地址指定OpenType字体文件 sRules :  样式表定义

推荐整理分享CSS样式表常用小技巧收藏(css样式表三种方式),希望有所帮助,仅作参考,欢迎阅读内容。

CSS样式表常用小技巧收藏(css样式表三种方式)

文章相关热门搜索词:css样式表的作用及使用方式,css样式表的作用及使用方式,css样式表的设置方法,css样式表的作用及使用方式,css样式表的设置方法,css样式表的基本语法,css样式表的简单使用,css样式表的简单使用,内容如对您有帮助,希望把文章链接给更多的朋友!

收集的web页面html中常用的特殊符号大全 *特殊符号:·⊙①?◎Θ⊙*○¤??@の*□*☆**▲△???????**???????*回□**≡↑↓→←??♀♂┇┅‖$@*&#※?d?e∞Ψ§∮№⌒**标点符号:.。,、;:?!ˉˇ¨`~

bc录制的css视频教程推荐新手看下 css教程之lightboxcss教程之html、body标签的定义第一部分视频第二部分视频内容:一、%的自适应高度要同时设置html和body标签。二、html标签的作用范围等

网页颜色搭配技巧 文字字体、字号、字体排版等 对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色

标签: css样式表三种方式

本文链接地址:https://www.jiuchutong.com/biancheng/371953.html 转载请保留说明!

上一篇:20个优秀CSS网站(3月精选)(css做一个好看的网页)

下一篇:收集的web页面html中常用的特殊符号大全(网页收集数据)

  • 个体工商户定期定额征收个人所得税
  • 个人所得税综合税率表2023
  • 税控盘抵扣可以跨年吗
  • 工程施工计入资产负债表
  • 个税申报初始化密码
  • 贸易企业可以委托代理吗
  • 怎么看自己公司是一般纳税人还是小规模纳税人
  • 发生销售折让时为什么不冲减成本
  • 收到虚开的普票已经入账怎么调账
  • 我的初级备考经历怎么写
  • 变更许可证情况说明书模板
  • 用友软件作废凭证
  • 生产车间计提固定资产折旧会计科目
  • 资产负债表和利润表和现金流量表的关系
  • 免税企业土地税怎么交
  • 租赁合同印花税税率2023
  • 酒店客房主营业务支出明细表怎么写
  • 上交印花税分录
  • 可变现净值是不是就是毛利
  • 清算所得税申报表范本
  • 游戏不能全屏幕
  • 重装win10系统怎么跳过创建用户名
  • uniapp小程序自定义tabbar在iOS手机上太高了
  • 充值会员卡送的营销秘诀
  • 超市收取进场费违反什么法律
  • spring boot 接受参数
  • 企业预缴增值税附加税率
  • 用友财务软件使用视频教程
  • html/css/javascript
  • vue 快速上手
  • 公司在银行买的理财产品怎么做账
  • 如何免费下载win10 家庭版
  • 帝国cms数据库如何使用
  • php中使用什么函数来定义常量
  • CORS跨域资源共享漏洞
  • 房地产公司计提税金
  • 个体工商户可以开增值税专用发票
  • 揭秘蟹卡骗局
  • 社保为什么单位缴费是0什么时间才正常
  • 企业所得税计算题及答案解析
  • 预收账款确认的条件
  • 会计凭证销毁年限
  • 一般纳税人只开普票不开专票免税
  • 企业计提坏账准备形成可抵扣暂时性差异
  • 已计提教育费附加但是未扣除个税
  • 人力资源服务费是什么意思
  • 固定资产报废会议纪要模板
  • 个人转到公司账上的钱能开发票吗
  • 建筑业负数发票不填工程名称和地址可以吗
  • 季报企业所得税弥补亏损数怎么填
  • 残保金管理使用办法
  • 金蝶软件版本号有哪些
  • 服装销售怎么做
  • 累计摊销可以做什么分录
  • 期间费用明细表在哪里找
  • sql server?
  • mysql复制命令
  • 苹果发布会最新消息
  • 怎么在mac上看电视剧
  • 苹果系统数据怎么清掉
  • icloud怎么加密码
  • 开机记事本自动打开
  • mstore.exe - mstore是什么进程 有什么用
  • win8.1怎么用
  • win8.1应用
  • ie6浏览器兼容模式怎么设置在哪里
  • opengl渲染流程图
  • python中的类怎么理解
  • sed cant read
  • network备份软件
  • unity图集作用
  • javascript中array数组对象的含义及常用方法
  • 绑定安卓
  • js实现新浪博客推送
  • android图片压缩到200-300kb
  • android 4.2
  • 出口退税外汇汇率如何确定
  • 生产变压器有什么危害
  • 翡翠是否交消费税
  • 教育用地性质可以更改么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设