`

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`...

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

    PostCSS CSS变量 插件可将语法转换为静态表示形式。 该插件提供了使用大多数CSS变量功能(包括选择器级联和一些警告)的一种面向未来的方式,因为它只能看到CSS,而不能看到应用CSS的潜在动态HTML和DOM。 安装 npm ...

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

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

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

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

    css金矿---css3的新属性

    但是对于网站前端开发人员来说,这个幻灯片绝对值得一看,它主要讲解了一些CSS3的新属性,包括伪类/伪元素和一些新增的属性,比如变形(transform),阴影等。实例和配图很棒,相信对CSS3还有些疑惑的同学,看了这个...

    css入门教程-v1.0

    以上内容提供了关于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'...

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

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

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

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

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

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

    postcss-gap-properties:在CSS中使用gap,column-gap和row-gap速记属性

    PostCSS间隙属性 使您可以按照规范在CSS中使用gap , column-gap和row-gap速记属性。 .standard-grid { gap : 20 px ; } .spaced-grid { column-gap : 40 px ; row-gap : 20 px ; } /* becomes */ .standard-...

    postcss-aspect-ratio-polyfill:一个支持纵横比属性的PostCSS插件

    一个支持属性的PostCSS插件。 安装 npm i -D postcss-aspect-ratio-polyfill 用法 const postcss = require ( 'postcss' ) const output = postcss ( ) . use ( require ( 'postcss-aspect-ratio-polyfill' ) ) ....

    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和JavaScript标签style属性对照表

    ### CSS与JavaScript中style属性对照表详解 #### 引言 在前端开发中,CSS(层叠样式表)和JavaScript是构建动态、交互式网页的关键技术。为了更好地控制页面元素的样式,开发者经常需要通过JavaScript来操作DOM...

    css 清除默认样式

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

Global site tag (gtag.js) - Google Analytics