`

CSS公共方法-去掉各类默认属性

    博客分类:
  • CSS
 
阅读更多
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
body{font-size:12px;}
img{border:none;}
input,select,textarea{outline:none;}
textarea{resize:none;}
a{text-decoration:none;}

/*清浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}

选择
::selection{background-color:#669900;color:#ffffff;text-shadow:none;}
::-moz-selection {background-color:#669900; color:#ffffff;text-shadow:none;}

去掉a的下划线
a {blr:expression(this.onFocus=this.blur)} /*if IE*/
分享到:
评论

相关推荐

    前端开源库-postcss-css-variables

    在前端开发领域,CSS Variables(也称为CSS自定义属性)是一种强大的工具,它允许开发者在整个样式表中定义和重用变量。PostCSS 是一个JavaScript工具,它可以解析CSS,执行一些任务,然后输出新的CSS。Postcss-css-...

    css-border-effects.zip

    6. **边框图片**:`border-image`属性允许使用图像作为边框,提供了一种创建复杂边框效果的方法。它可以配合`border-image-source`、`border-image-slice`等属性一起使用。 7. **边框动画**:结合CSS的`transition`...

    css-shorthand-expand:扩展CSS速记属性

    css-shorthand-expand 将CSS速记属性扩展为它们的速记等效项。 npm install css-shorthand-expand用法该模块公开了一个具有属性名称和值的函数,并返回具有扩展属性的映射。 var expand = require ( 'css-shorthand-...

    postcss-values-parser:PostCSSCSS属性值解析器

    一个基于构建CSS属性值解析器,遵循与相同的节点和遍历模式。 安装 使用npm: npm install postcss-values-parser --save-dev 如果您发现此模块有用,请考虑。 要求 postcss-values-parser节点版本v6.14.0 +和Post...

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

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

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

    它将在Webpack构建期间搜索CSS资产,并优化\最小化CSS(默认情况下,它使用但可以指定自定义CSS处理器)。解决 CSS复制问题: 由于仅捆绑(合并)文本块,因此,如果用于捆绑CSS,则捆绑可能包含重复的条目(块可以...

    postcss-discard-comments:使用 PostCSS 丢弃 CSS 文件中的注释

    -discard-comments 使用 PostCSS 丢弃 CSS 文件中的注释。 通过安装: npm install postcss-discard-comments --save例子 var postcss = require ( 'postcss' )var comments = require ( 'postcss-discard-comments'...

    打造梦幻圣诞树:利用CSS `clip-path` 属性创造不规则形状

    通过使用CSS的clip-path属性,我们可以轻松地为圣诞树添加各种不规则形状,从而创造出独特的视觉效果。这不仅能够提升用户的互动体验,还能展示我们的创意和设计能力。随着圣诞节的临近,不妨尝试自己动手制作一棵...

    postcss-custom-properties:在CSS中使用自定义属性

    PostCSS自定义属性 使您可以按照规范在CSS中使用自。 :root { --color : red; } h1 { color : var ( --color ); } /* becomes */ :root { --color : red; } h1 { color : red; color : var ( --color ); } ...

    css详解box-sizing.zip

    在CSS世界中,Box Sizing属性是一个至关重要的概念,它决定了元素的尺寸计算方式,从而影响布局和设计。"css详解box-sizing.zip"这个压缩包包含了一系列关于Box Sizing的资料,包括HTML文档、图像和文本说明,帮助...

    使用CSS3 backface-visibility属性制作3D翻转动画效果.zip

    使用CSS3 backface-visibility属性制作3D翻转动画效果.zip 使用CSS3 backface-visibility属性制作3D翻转动画效果.zip 使用CSS3 backface-visibility属性制作3D翻转动画效果.zip

    css基础教程--CSS快速入门、怎样编写CSS、CSS属性、CSS定位、CSS滤镜 

    这个“CSS基础教程”涵盖了CSS的快速入门、编写方法、属性、定位以及滤镜等核心概念,旨在帮助初学者掌握网页设计的基本技能。 1. CSS快速入门: CSS的引入是为了分离内容(HTML)和表现(样式)。通过在HTML文档...

    postcss-media-minmax, 编写简单而优雅的媒体查询 !.zip

    postcss-media-minmax, 编写简单而优雅的媒体查询 ! PostCSS媒体 Minmax 编写简单而优雅的媒体查询 !媒体查询的min-width 。max-width 和许多其他属性非常混乱。 我每次看到它们时都想哭。 但是现在根据新规范,你...

    前端开源库-css-shorthand-expand

    CSS的语法丰富多样,其中包括一些简写(shorthand)属性,它们可以让我们以更简洁的方式设置多个相关属性。`css-shorthand-expand`是一个开源库,专注于将这些CSS的简写属性展开为它们的完整形式,从而帮助开发者更...

    灵活的装饰:使用CSS `flex-wrap` 属性为圣诞树装饰球创建多行布局

    通过使用CSS的flex-wrap属性,我们可以为圣诞树装饰球创建灵活的多行布局,从而提升用户体验并增加节日气氛。这些动态效果包括随机颜色和位置的装饰球、飘落的雪花和闪烁的灯光。通过添加这些动画,我们可以创建一个...

    css 清除默认样式

    清除HTML文档中默认样式,比如*{margin:0;padding:0;}

    CSS3样式表- 列表与表格属性.pptx

    `去除列表前的默认符号。 2. **list-style-type**:这个属性用于定义列表项的标记类型,如无符号(`none`)、实心圆(`disc`)、空心圆(`circle`)、实心方块(`square`)、阿拉伯数字(`decimal`)等,以及罗马...

    打造圣诞树装饰球的完美布局:使用CSS `align-items` 和 `justify-content` 属性

    通过使用CSS的align-items和justify-content属性,我们可以为圣诞树的装饰球创建一个既美观又有序的布局,从而提升用户体验并增加节日气氛。这些动态效果包括随机颜色和位置的装饰球、飘落的雪花和闪烁的灯光。通过...

    postcss-merge-longhand:使用PostCSS将速记属性合并为速记

    使用PostCSS将速记属性合并为速记。 安装 使用可以: npm install postcss-merge-longhand --save 例子 将速记属性合并为速记; 使用margin , padding和border 。 有关更多示例,请参见。 输入 h1 { margin-top ...

Global site tag (gtag.js) - Google Analytics