`
xiaomogu
  • 浏览: 51249 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css hack,L-V-H-A

阅读更多
1.看了篇:说说CSS Hack 和向后兼容
http://sofish.de/1331


2.a标签的伪类样式的定义顺序是L-V-H-A:即LOVE-HATE


3.图片,防止拉伸变形
img.photo{height:auto !important; height:150px; max-height:150px; overflow:hidden;}

4.margin-top为负值,下一个跟随往上移
#mardiv{margin:-525px auto 0pt;}
.content{width:950px;margin:0 auto;height:570px;background:#000;}
<div id="mardiv"></div>
<div class="content"></div>

5.禁止文本域改变大小:添加属性resize:none;

6.display:none和visible:hidden都是把页面上某个元素隐藏起来,但二者有所区别,
visible:hidden属性会使对象不可见,但该对象在网页所占的空间没有改变,等于留出了一块空白区域,而display:none属性会使这个对象彻底消失。
分享到:
评论

相关推荐

    前端开源库-postcss-px-to-viewport.zip

    标题"前端开源库-postcss-px-to-viewport.zip"指出这是一个关于前端开发的开源库,具体是PostCSS插件——Postcss-px-to-viewport。PostCSS是一个工具,允许开发者通过编写JavaScript插件来转换CSS代码,以实现各种...

    前端开源库-css-split-webpack-plugin

    **前端开源库-CSS-Split-Webpack-Plugin详解** 在前端开发中,Webpack 已经成为了一种不可或缺的模块打包工具,它能够处理JavaScript、CSS、图片等多种资源,并且通过配置实现模块化、优化和自动化流程。而在CSS的...

    CSS定义超链接四个状态的正确顺序L-V-H-A

    在编写CSS时,遵循L-V-H-A的顺序能够确保所有浏览器都能正确解析和应用这些样式。这是因为浏览器按照这个顺序处理样式,如果前面的规则没有覆盖后面的规则,后面的规则才会生效。如果顺序错误,比如将`a:hover`放在`...

    HTML CSS-------

    HTML CSS-------

    css-pro-layout:CSS库,用于构建响应式和可自定义的布局

    CSS Pro布局 CSS库,用于构建响应式和可自定义的...import 'css-pro-layout/dist/css/css-pro-layout.css' ; CDN 您也可以使用的CDN链接 &lt; link href =" https://unpkg.com/css-pro-layout/dist/css/css-pro-layout

    学习html-css.zip

    学习html-css学习html-css学习html-css学习html-css 学习html-css学习html-css学习html-css学习html-css 学习html-css学习html-css学习html-css学习html-css 学习html-css学习html-css学习html-css学习html-css 学习...

    前端开源库-postcss-variables

    总的来说,PostCSS 变量通过 `postcss-simple-vars` 插件为前端开发者提供了更灵活和强大样式管理手段,使得 CSS 代码更加整洁、易于维护,同时也保持了良好的浏览器兼容性。熟练掌握 PostCSS 变量的使用,能够显著...

    FireFox_css_usage-0.2.9

    FireFox_css_usage-0.2.9 过滤网站中没有必要的CSS 简化CSS代码非常方便

    postcss-css-variables:PostCSS插件将CSS自定义属性(CSS变量)语法转换为静态表示形式

    npm install postcss-css-variables --save-dev 目录 -- ---嵌套规则 为什么? -互操作性-与postcss-custom-properties差异 注意事项 选项 快速参考/注释 测验 变更日志 代码游乐场 在操场上尝试一下,看看您的想法...

    blueprint-css-v1.0.1-8

    "blueprint-css-v1.0.1-8" 是一个基于CSS的框架,它旨在帮助开发者快速构建具有统一风格和高效布局的Web页面。Blueprint CSS是流行的设计框架之一,尤其在2007年推出后受到了广泛的关注。这个版本1.0.1-8代表了该...

    theme-css-extract-webpack-plugin:一个webpack 插件,用于提取对应的`multipleScopeVars`主题 css 文件

    @zougt/theme-css-extract-webpack-plugin这个 webpack 插件主要用于使用了和的 webpack 工程将对应的multipleScopeVars主题 css 提取出独立的 css 文件提取主题 css 文件的操作只在 webpackConfig.mode:"production...

    HTML-CSS-JS 学习.zip

    HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 ...

    HTML-CSS-JS学习-01百度登录界面练习.zip

    HTML-CSS-JS学习--01百度登录界面练习HTML-CSS-JS学习--01百度登录界面练习 HTML-CSS-JS学习--01百度登录界面练习HTML-CSS-JS学习--01百度登录界面练习 HTML-CSS-JS学习--01百度登录界面练习HTML-CSS-JS学习--01百度...

    optimize-css-assets-webpack-plugin:一个Webpack插件,用于优化\最小化CSS资产

    安装: 使用npm: $ npm install --save-dev optimize-css-assets-webpack-plugin :warning: 对于webpack v3或更低版本,请使用optimize-css-assets-webpack-plugin@3.2.0 。 optimize-css-assets-webpack-plugin@...

    前端开源库-postcss-modules-parser

    `postcss-modules-parser`常常与其他PostCSS插件结合使用,比如`postcss-import`用于导入CSS模块,`postcss-url`处理CSS中的URL,以及`autoprefixer`自动添加浏览器前缀等,以构建完整的前端样式处理流程。...

    动画制作2.0#CSS-----动画练习

    动画制作2.0#CSS-----动画练习

    css样式--百度端午龙舟

    css css样式--百度端午龙舟 百度logo,动态显示,人船同步显示。

    postcss-variables-prefixer:PostCSS 插件为所有 css 自定义属性添加前缀

    postcss-变量-前缀 PostCSS 插件为所有 css 自定义属性添加前缀。 用法 使用 : 在您的项目目录中安装postcss 、 postcss-cli和postcss-variables-prefixer : npm install postcss postcss-cli postcss-...

    H-ui.admin 前端框架

    │ H-ui.reset.css H-ui.reset css │ H-ui.css h-ui CSS │ H-ui.min.css h-ui CSS 压缩版 │ H-ui.login.css H-ui.admin后台登录样式 │ H-ui.admin.css H-ui.admin样式 │ style.css 写你自己的样式 ...

Global site tag (gtag.js) - Google Analytics