`
xiaomogu
  • 浏览: 52856 次
  • 性别: 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-import-resolver

    **前端开源库-postcss-import-resolver** 在前端开发中,我们经常使用CSS预处理器如PostCSS来提升CSS的可维护性和扩展性。然而,随着项目的复杂度增加,尤其是在多个CSS模块互相引用时,可能会出现导入路径冲突的...

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

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

    css-cheat-sheet

    css-cheat-sheet,css-cheat-sheet,css-cheat-sheet

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

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

    postcss-icss-selectors, 用于本地范围类和id的css模块的PostCSS插件.zip

    postcss-icss-selectors, 用于本地范围类和id的css模块的PostCSS插件 postcss-icss-selectors 用于本地范围类和id的css模块的PostCSS插件用法postcss([ require('postcss-icss-selectors')(options) ])有关环

    HTML编写+div+css教程--v1.5--风雨无阻

    添加css的文本教程 添加div+css的文本教程 添加html常用元素快键 添加另存为功能 查看浏览器效果;修改窗口弹出 打开编辑框就有着Dreamweaver的内容!xhtml html简介 html可以帮助大家快速编写html;还可以...

    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 学习...

    css入门教程-v1.0

    ### CSS入门教程-v1.0知识点总结 #### 1. CSS快速入门 - **CSS**:Cascading Style Sheets 的缩写,即层叠样式表。它是一种用来为HTML文档添加样式的技术,允许用户控制页面布局、字体、颜色等视觉元素。 - **作用*...

    FireFox_css_usage-0.2.9

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

    postcss-selector-namespace:使用postcss命名CSS选择器

    postcss-选择器命名空间 安装 $ npm install postcss-selector-namespace 用法 var postcss = require ( 'postcss' ) var selectorNamespace = require ( 'postcss-selector-namespace' ) var output = postcss ( ) ...

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

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

    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-responsive-type, 在PostCSS上,Automagical响应式版式,构建.zip

    postcss-responsive-type, 在PostCSS上,Automagical响应式版式,构建 PostCSS响应类型 为 font-size,line-height 和 letter-spacing 生成automagical流体版式,具有新的responsive 属性。 基于 PostCSS 。 由激发...

    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百度...

    H-ui.admin_v2.3.1

    │ 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 写你自己的样式 │ ├─...

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

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

    css样式--百度端午龙舟

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

Global site tag (gtag.js) - Google Analytics