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

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

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

Android多分辨率适配框架

HTML5前端开发实战系列教程

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

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

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

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


版权声明

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

id选择器

上一篇博客中,我们学习了标签选择器;这篇博客中我们来学习ID选择器。

id选择器可依据THML中元素的id属性指定样式,语法格式如下:

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

示例如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ID选择器</title>
    <style type="text/css">
        #author {
            font-size: 40px;
            color: white;
			font-weight: bold;
            width: 750px;
            height: 50px;
            background-color: red;
        }
		
		 #blog {
		    font-size: 40px;
		    color: greenyellow;
			font-weight: bold;
		    width: 750px;
		    height: 50px;
		    background-color: red;
		}
    </style>
</head>
<body>
    <p id="author">本文作者:谷哥的小弟</p>
    <p id="blog">博客地址:http://blog.csdn.net/lfdfhl</p>
</body>
</html>

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

展开阅读全文

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