位置: 编程技术 - 正文

一些很不错的css技巧,但也常为人们所忽略(好看的css样式代码)

编辑:rootadmin
一.区分大小写 当在XHTML中使用CSS,CSS里定义的元素名称是区分大小写的。为了避免这种错误,我建议所有的定义名称都采用小写。 二.不需要给背景图片路径加引号 为了节省字节,我建议不要给背景图片路径加引号,因为引号不是必须的。例如: background:url("images/***.gif") #; 可以写为 background:url(images/***.gif) #; 如果你加了引号,反而会引起一些浏览器的错误。 三.用正确的顺序指定链接的样式 当你用CSS来定义链接的多个状态样式时,要注意它们书写的顺序,正确的顺序是::link :visited :hover :active。抽取第一个字母是"LVHA",你可以记忆成"LoVe HAte"(喜欢讨厌)。 四.清除浮动 一个非常常见的CSS问题,定位使用浮动的时候,下面的层被浮动的层所覆盖,或者层里嵌套的子层超出了外层的范围。 通常的解决办法是在浮动层后面添加一个额外元素,例如一个div或者一个br,并且定义它的样式为clear: both。这个办法有一点牵强,幸运的是还有一个好办法可以解决,参看这篇文章《How To Clear Floats Without Structural Markup》(注:本站将尽快翻译此文)。 上面2种方法可以很好解决浮动超出的问题,但是如果当你真的需要对层或者层里的对象进行clear的时候怎么办?一种简单的方法就是用overflow属性,这个方法最初的发表在《Simple Clearing of Floats》,又在《Clearance》和《Super simple clearing floats》中被广泛讨论。 上面那一种clear方法更适合你,要看具体的情况,这里不再展开论述。另外关于float的应用,一些优秀的文章已经说得很清楚,推荐你阅读:《Floatutorial》、《Containing Floats》和《Float Layouts》 五.横向居中(centering) 这是一个简单的技巧,但是值得再说一遍,因为我看见太多的新手问题都是问这个:CSS如何横向居中?你需要定义元素的宽,并且定义横向的margin,如果你的布局包含在一个层(容器)中,就象这样: body { text-align:center; } #wrap { width:px; /* 修改为你的层的宽度 */ margin:0 auto; text-align:left; } 六.调试技巧:层有多大? 当调试CSS发生错误,你就要象排版工人,逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色,这样就能很明显看到层占据多大空间。有些人建议用border,一般情况也是可以的,但问题是,有时候border 会增加元素的尺寸,border-top和boeder-bottom会破坏纵向margin的值,所以使用background更加安全些。

推荐整理分享一些很不错的css技巧,但也常为人们所忽略(好看的css样式代码),希望有所帮助,仅作参考,欢迎阅读内容。

一些很不错的css技巧,但也常为人们所忽略(好看的css样式代码)

文章相关热门搜索词:常用css,css那些事儿,常用css,css有用吗,好用的css,好看的css代码,常用css,好看的css代码,内容如对您有帮助,希望把文章链接给更多的朋友!

推荐三种简洁的Tab导航(网页选项卡)简析 在网页中应用选项卡可以使网页显得更紧凑,结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现(不

div+css布局必须要知道的css条件注释理论及实践第1/2页 浏览器的条件注释理论,用下面一段例子来解释这个问题(X)HTML下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果!--[ifIE]h1您正在使用IE浏览

用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程! 用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程!下面代码有点多!但做出来你肯定喜欢!用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程!我不想废话了,开

标签: 好看的css样式代码

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

上一篇:font和line-height之CSS代码书写顺序不同,导致显示效果不一样(font:inherit)

下一篇:推荐三种简洁的Tab导航(网页选项卡)简析(用简洁的语言推荐一本书)

  • 金蝶可以自动结转成本吗
  • 企业购买理财都需先交税再提现吗
  • 企业注销其他应付款可以转入未分配利润吗
  • 以前年度费用调减
  • 物流辅助服务印花税税率
  • 事业单位银行存款余额组成
  • 车船税代扣代缴手续费
  • 科技成果转化奖励
  • 年金现值计算公式推导
  • 企业如何运用内部招募
  • 公司购买东西怎么做分录
  • 营改增之后餐饮业的税收政策
  • 分公司所得税怎么交
  • 自然人股权转让涉税信息怎么填
  • 含税进货价款怎么算
  • 如何理解纳税人资格
  • 增值税纳税申报表电子版在哪下载
  • 预交增值税抵减申报
  • 出口佣金比例
  • 事业单位净资产怎么计算?净资产怎么算
  • 企业扶贫有什么优惠政策
  • 无序树有几种
  • vue 大屏可视化设计 开源
  • 有限责任公司股东对公司债务承担
  • thinkphp 快速入门
  • 南美貘叫什么
  • thinkphp框架介绍
  • 分页limit
  • 【综述】分子预训练模型综述
  • php7 nginx
  • 财产保险费用会增加吗
  • 公司开户限额一般多少
  • 个体户需要交什么保险
  • 公司承担员工的社保费会计分录
  • mysql是自动提交的吗
  • 火车头 采集器
  • 织梦如何使用
  • 注册资本认缴出资日期是什么意思
  • 专项基金是什么
  • 个人工资薪金如何零申报
  • 个税汇算清缴是退税吗
  • 无形资产的意思是
  • 以前期间留抵税额是什么意思
  • 退货对方不开具红字发票怎么办
  • 员工餐费标准怎么算
  • 一般纳税人销售旧货可以开专票吗
  • 亏损合同预计负债
  • 小规模公司用什么成本核算方法
  • 大中小企业划分标准2022最新
  • 天猫佣金是什么意思
  • 购买需要安装的生产设备会计分录
  • 工业企业的材料
  • mysql三层架构
  • 全面解析皮炎
  • win7哪年停止更新
  • 电脑操作系统win7
  • win10如何固定桌面图标
  • 远程修改微信聊天记录
  • 更新版本
  • autorun.inf在win10
  • centos7修复安装
  • shell source不起作用
  • bootstrap内容
  • 两个js文件互相取变量
  • 在机上创建一个文件夹
  • css盒子模型示意图
  • cocos2dx 教程
  • bat 批处理文件
  • unity地形少了三个键
  • unity后期
  • vue购物商城
  • node.js windows
  • python web网站
  • javascript学习指南
  • python直接访问私有属性的简单方法
  • 企业税收筹划中的涉税风险及其防范
  • 增值税和消费税申报对比不符怎么处理
  • 企业登录密码是几位数
  • 消费税的征收范围口诀
  • 江苏个人扣税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设