不错的整理的24则css技巧_经验交流-css教程-PHP中文网

首页

web前端

css教程

不错的整理的24则css技巧_经验交流

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 12:05 PM

虽然在许多的文档中，多次提及过这方面的内容，但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧，认真读一读，或许您并不能完全理解，您可以进行搜索，扩展您所想要得到的知识，相信您会有很多收获！

　　一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。
　　二、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次。对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为id的权重要比class大。
　　三、一个兼容性调整(IE和Mozilla)的笨办法：
　　　　初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。
　　　　临时解决方法：选择符{属性名:B !important;属性名:A} 或许有时候并没有效果。你可以在jb51.net搜索更多的BUG解决方法。
　　四、如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的margin属性吧，而不要去定义位于外面的标签的padding
　　五、li标签前面的图标推荐使用background-image，而不是list-style-image。
　　六、IE分不清继承关系和父子关系的差别，全部都是继承关系。
　　七、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。等你以后修改你的CSS的时候就知道为什么要这么做了。另外提醒您，不要太疯狂了。
　　八、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。因为图片丢失了，也可以保持文字的可读性。
　　九、定义链接的四种状态要注意先后顺序: Link Visited Hover Active
　　十、与内容无关的图片请使用background。时刻记住表现与内容分离。
　　十一、定义颜色可以缩写#8899FF=#89F
　　十二、table在某些方面还是有用武之地的，在遇到内容为数据表格时，不要对它产生憎恨的心理。
　　十三、

热AI工具

Undresser.AI Undress

人工智能驱动的应用程序，用于创建逼真的裸体照片

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

免费脱衣服图片

Clothoff.io

AI脱衣机

AI Hentai Generator

免费生成ai无尽的。

显示更多

热工具

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

中文版，非常好用

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

显示更多

热门话题

gmail邮箱登陆入口在哪里

7367

Java教程

1628

CakePHP 教程

1354

Laravel 教程

1266

PHP教程

1214

显示更多

Related knowledge

vue中placeholder是什么意思 May 07, 2024 am 09:57 AM

在 Vue.js 中，placeholder 属性指定输入元素的占位符文本，当用户未输入内容时显示，提供输入提示或示例，提高表单可访问性。其用法为在输入元素中设置 placeholder 属性，并可使用 CSS 自定义外观。最佳实践包括与输入相关、简短清晰、避免默认文本，并考虑可访问性。

js中什么是节点 May 07, 2024 pm 09:06 PM

节点是 JavaScript DOM 中表示 HTML 元素的实体。它们代表页面中的特定元素，可用于访问和操作该元素。常见的节点类型包括元素节点、文本节点、注释节点和文档节点。通过 DOM 方法（如 getElementById()），可以访问节点并对其进行操作，包括修改属性、添加/移除子节点、插入/替换节点和克隆节点。节点遍历有助于在 DOM 结构中导航。节点在动态创建页面内容、事件处理、动画和数据绑定方面非常有用。

浏览器插件是什么语言写的 May 08, 2024 pm 09:36 PM

浏览器插件通常使用以下语言编写：前端语言：JavaScript、HTML、CSS后端语言：C++、Rust、WebAssembly其他语言：Python、Java

vscode怎么设置未知属性 vscode设置未知属性方法 May 09, 2024 pm 02:43 PM

1.首先，打开左下角的设置图标，点击settings选项2.随后，在跳转的窗口中找到css栏目3.最后，将unknownproperties菜单中的下拉选项改为error按钮即可

vue中less文件可以引入数据吗 May 07, 2024 pm 12:06 PM

是，Vue 中 Less 文件可以通过 CSS 变量和 Less 混入引入数据：创建 JSON 文件，包含数据。使用 @import 规则导入 JSON 文件。使用 CSS 变量或 Less 混入访问 JSON 数据。

vue中less样式如何使用 May 07, 2024 pm 12:03 PM

在 Vue 中使用 LESS 样式可提高代码可维护性和可扩展性，具体而言：安装 LESS 编译器和 LESS 语言插件。在 .vue 文件中使用 lang="less" 指定 LESS 样式。在 Vue.js 配置文件中配置 webpack 以编译 LESS 为 CSS。LESS 样式的主要优点包括：使用变量增强可维护性和可重用性。使用混合简化重复样式的使用。使用函数轻松处理颜色和样式操作。