标签选择器

标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码:

p{font-size:12px;line-height:1.6em;}

上面的css样式代码的作用:为p标签设置12px字号,行间距设置1.6em的样式。

示例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>标签选择器</title>
<style type="text/css">
    h1{
     font-weight:normal;
      color:red;
     line-height:0.5em;
    }
</style>
</head>
<body>
    <h1>勇气</h1>
    <p>三年级时,我还是一个胆小如鼠的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    <p>到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>
    <img src="http://img.rinpe.com/123.jpg" alt="图片疯啦" >
</body>
</html>
时间: 2024-10-10 20:08:02

标签选择器的相关文章

css标签选择器

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="K

jQuery easyUI id选择器 类选择器 标签选择器 属性选择器 及DOM对象和jQuery相互之间的转换

首先导入js文件 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

H5 标签选择器

08-标签选择器 p { color: red } h1 { color: blue } 我是段落 我是段落 我是段落 我是段落 我是段落 我是标题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>08-标签选择器</title> <style> p{ color: red; } h1{ co

jQuery标签选择器

$(function() { //alert("hello jquery"); //选择器 //id选择器 $("#bt1").click( function() { alert("点击了按钮 文字="+$(this).text()); } ); //标签选择器 //属性过滤器 //类选择器 $(".cl[type=text]").click( function() { alert("通过类选择器选中");

CSS标签选择器(二)

一.CSS选择器概述 1.1.CSS功能 CSS语言具有两个基本功能:匹配和渲染 当浏览器在解析CSS样式时,首先应该确定哪些元素需要渲染,即匹配哪些HTML元素,这个操作由CSS样式中的选择器负责标识. 只有匹配到具体的对象之后,浏览器才能根据CSS样式声明,决定渲染的效果,并及时呈现在页面中. 1.2.CSS选择类型 标签选择器 ID选择器 类选择器 特殊选择器 1.3.CSS基本语法 二.标签选择器 2.1标签选择器概述 以文档对象类型的元素作为选择器,如p.div,span等. 最常用的

Css的标签选择器和文本属性样式记录

---恢复内容开始--- 自己的一些简单记录,大概看下,然后对照着W3C都模拟一次. 最近我会把每个例子的属性的注释写完整和例子都会重新贴出来. /** *浏览器私有属性 * -webkit:chrome,safari * -moz: firefox * -ms:IE * -o:opera *  * @规则: * @media:响应式布局 * @keyframes:css动画 * @font-face:引入外部字体 * ... * 选择器: * 一.简单选择器(可以组合) * 标签选择器: *

css基础 引用方式 标签选择器 优先级 各式布局

今天讲的css基础,了解了css即层叠式表,是美化网页,控制页面的样式. 样式表引进网页的3种方式1内联式,语法例子:<div style="width: 100px;height: 50px;background: #E91115"> </div>' 2内嵌式   语法例子  ( head里面)     div{height: 100px;width: 100px;background: #EF0E12} 3外部样式表 语法例子 ( head里面)   <

html 标签选择器

标签选择器可以控制body里面所有的标签,p标签可以控制body里所有的P标签,font标签可以控制body里所有的font标签…… <html><head><style>p{ font-size:36px; font-style:italic; color:#FF0 } </style> </head>…… <body> <p>这一现象的根本在于:优秀的人总能看到比自己更好的,而平庸的人总能看到比自己更差的.</p

CSS - 选择器(标签选择器、类选择器、ID选择器)

标题 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <