前端开发：CSS的“*”“#”“.”符号的对比使用

前言

在前端开发过程中，CSS是前端的三驾马车之一，关于CSS的使用也是非常重要的环节，可能有人觉得在前端学习或开发中最容易的就是关于CSS的，但是要想精通使用CSS也不是一件容易的事情，也就是看着简单要想完美使用难，所以CSS的使用也是不容忽视的。本篇博文来分享一个关于CSS的符号相关内容，关于它的使用也是比较常用的，常用的有：“*”、“#”、“.”等符号，所以在前端项目开发中经常会用到该功能，总结一下，方便查阅使用。

一、“*”

定义和用法

“*”号是CSS里面的通配符，表示的意思就是所有的标签都具有的属性，且所有的标签都遵循的统一样式。 “*”号的另外一种用法就是在CSS中处理浏览器兼容性的hack技术，比如* IE6浏览器可以读取，但是其他浏览器却不能读取。

注意：“*”号通配符是选择所有元素；也可以选择另一个元素内的所有元素。

示例

这里举几个示例来介绍一下“*”号通配符的用法，具体示例如下所示：

示例一：选择<div>元素中所有元素

div * {background-color:red;font-size: 24px;}

示例二：设置IE6浏览器中margin值为10px，其他浏览器中值为20px

{margin:20px;*margin:10px;}

示例三：设置当前页面中所有文字默认大小为24px

*{
font-size:24

前端开发：CSS的“*”“#”“.”符号的对比使用相关推荐

前端开发薪资之各地区对比（图文分析）
http://www.html5cn.org/article-6769-1.html 前端开发薪资之各地区对比(图文分析) 2014-9-3 09:50| 发布者: html5cn |来自: www. ...
前端开发css禁止选中文本
在我们日常的Java web前端开发的过程中呢,程序员们会遇到各种各样的要求,所以不每天学的东西感觉自己都退步了,都更不上时代的发展了. 每天应对各种需求,每天活在疑问中就是我们程序员的真是写照.但我 ...
三、前端开发-CSS
三.前端开发语言体系-CSS 文章目录三.前端开发语言体系-CSS CSS3 浏览器前缀流.元素与基本尺寸盒模型四大家族流的破坏与保护层叠规则文本处理元素显示与隐藏变形过渡动画 F ...
css文字瘦,前端开发CSS减肥工具:CSS Usage
做 web前端开发用什么工具包前端开发产业是指什么意思前端构建工程师经常会遇到随着网站产品的规模扩大.产品数量.日常专题上下线等情况,造成网站的CSS Usage.首先,我们需要安装Firefox ...
前端开发薪资之各地区对比（图文分析）(share)
发现最近大家都在关注有关前端开发的薪资问题,不同地方各有差异,今天我就总结一下发出来方便大家的查阅.(2014年) 前面给大家介绍了关于前端开发需要学习的东西,根据你掌握的技能程度,薪水是不一样的.d ...
Web前端开发——CSS样式（Ⅰ）文本与文字样式
目录 1. 单位 2. 颜色 3. 文本 3.1 字符间距letter-spacing 3.2 行高line-height 3.2.1 基本概念 3.2.2 行高的应用--居中垂直对齐效果 3.3 对 ...
前端开发--CSS基础
快速生成css样式采用简写的方式即可 w200 tab键 width:200px:lh200 tab键line-height:200px:## web服务器免费的远程服务,免费空间 http://f ...
前端开发-css续3
表单进阶 1.单选框 a) name属性:当一组选项进行单选时,此组的所有单选按钮都应赋予同一个name. b) label标签:点击选项中的文字时即可选中复选框. 第一步为单选框标签设置一个id- ...
前端开发css中怎么让图片居中？css图片居中的方法总结
在进行网页布局的时候,有时候图片的位置可能会影响整个页面的美观程度,所以对于图片的放置位置就得变化,那么,接下来的这篇文章将给大家来介绍关于图片在网页中如何使用css实现居中的方法,对于有需要的朋友来 ...

前端开发：CSS的“*”“#”“.”符号的对比使用

前言

一、“*”

定义和用法

示例

前端开发：CSS的“*”“#”“.”符号的对比使用相关推荐

最新文章

热门文章