讲给后台程序员看的前端系列教程(16)——选择器(4)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lfdfhl/article/details/100587586

C语言自学完备手册(33篇)

Android多分辨率适配框架

HTML5前端开发实战系列教程

MySQL数据库实操教程(35篇图文版)

推翻自己和过往——自定义View系列教程(10篇)

走出思维困境,踏上精进之路——Android开发进阶精华录

讲给Android程序员看的前端系列教程(40集免费视频教程+源码)


版权声明

  • 本文原创作者:谷哥的小弟
  • 作者博客地址:http://blog.csdn.net/lfdfhl

通配符选择器

之前,我们学习了标签选择器,类选择器,ID选择器;在此介绍通配符选择器。通配符选择器非常的简单,它会将页面中所有的标签都设置成统一的样式,语法如下:

* {
   property1 : value1;
   property2 : value2;
   property3 : value3;
   property4 : value4;
   ..................
}

示例如下:

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>通配符选择器</title>
		<style type="text/css">
			* {
				color: red;
			}
		</style>
	</head>
	<body>
		<strong>欢迎访问我的博客</strong>
		<br>
		<br>
		<em>本文作者:谷哥的小弟</em>
		<p>博客地址:http://blog.csdn.net/lfdfhl</p>
		<i>好好学习,天天向上</i>
	</body>

</html>

效果如下:
在这里插入图片描述

通配符选择器常见用途

为了更好地兼容不同浏览器,我们可利用通配符选择器剔除浏览器默认的样式,代码如下:

* {
        margin: 0;
        padding: 0;
  }

通过该段代码将页面中的所有标签的margin值和padding值均设置为0,即清除了页面中所有HTML标签的默认边距。

展开阅读全文

没有更多推荐了,返回首页