css三种选择器

1.派生选择器

<html>
<head>
<link href="a1.css" type="text/css" rel="stylesheet">
</head>

<body>
<h1>ayaya</h1>
</body>
</html>

h1{
color:blue;
}

2.id选择器

<html>
<head>
<link href="a1.css" type="text/css" rel="stylesheet">
</head>

<body>
<p class="pclasss">ayaya</p>
</body>
</html>

#h1id{
color:blue;
}

3.类选择器

<html>

<head>

<link href="a1.css" type="text/css" rel="stylesheet">
</head>

<body>
<h1 id="h1id">This is my page</h1>
This is my JSP page

</body>
</html>

.pclasss
{
color:red;
}

时间: 2024-11-08 22:38:10

css三种选择器的相关文章

css引入、三种选择器

 css的引入方式有三种:行类样式.内部样式.外部样式表 一.行内样式 使用style样式引入css样式. 二.内部样式 在style标签中书写css代码.Style标签写在head中. 三.外部样式表 css代码保存在扩展名为.css的样式表中 html文件引用扩展名为.css的样式表.有两种方式:链接式.导入式. 链接式与导入式的区别 <link> 1.属于XTHML 2.优先加载css文件到页面 @import 1.属于css2.1 2.先加载HTML结构在加载css文件. css三种选

CSS中的三种选择器

第一种:标签名选择器 格式:标签名{                    属性一:属性值:                    属性二:属性值:                    ...               }      例子:第一步:div{ background-color:#00ff00; font-size:20px;                 } 第二步:<div> 第二种方式</div > 第二种:类名选择器 格式:.类名{ 属性名:属性值; 属性

【CSS】CSS的三种选择器

css概述 为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此思想而诞生,CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表.有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁. css基本语法 css的定义方法是: 选择器 { 属性:值: 属性:值: 属性:值:} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性,每个属性有一个或多个

理解CSS中的三种选择器&gt;+~

1. p~ul p和ul有相同的父元素,选择出p元素之后的所有ul元素,其中,p和ul不一定是紧随,但是必须有相同的父元素 E+F            相邻兄弟选择器.选择匹配F的元素,且该元素位于所匹配元素E的后面相邻的位置 E>F 子包含选择器.F为子元素,E为F的父元素 之前很少用到这三种选择器,不过适当使用,真的方便不少... 估计理解为~  就是兄弟咯,且是有父亲的. > 这个最好理解,父亲的年龄总是大于孩子的,自然就是子包含选择器. + 相邻兄弟选择器,自然,要两个兄弟(元素)才

css三种引用方式

1 直接在标签内添加 style属性 1 <body> 2 <!-- 内嵌写在标签内 --> 3 <div style="color: red;font-size: 20px">山无陵,天地合</div> 4 </body> 运行效果: 2 写在标签<head>中,内部样式 1 <html lang="en"> 2 <head> 3 <meta charset=&q

css四种选择器总结

css 在网页开发中扮演着重要的角色,被誉为网页开发的三剑客,如果说html是人的外在器官部分,那css无疑是各个器官组成在一起然后表现出来,css又称样式重叠在网页排版布局中的地位举足轻重.   做为后端开发者来说,学好css样式也是快速入门各类框架的基础,也是做为一名全栈工程师必备的知 识,下面来说说css中重要的选择器,       在css中常见的选择器有四种常见,说到选择器就不得不说css引入文件的常见的三种方法,1,内联文件,2,外部文件,3.内嵌文件 ,其中三种常规的例子如下 1,

002-CSS的三种选择器

定义:CSS选择器就是CSS中已经定义好的用来选中某些原色的固定语法,它的作用就是选中我们想要设置样式的元素. CSS选择器的分类: 简单选择器分为: 1.标签名选择器:通过具体的HTML名称来选择元素[标签名会将当前网页中所有叫改名字的标签都选中] 2.类名选择器:通过标签的类名来选择元素 3.ID选择器:通过ID名称来选择元素 类名选择器: 1.类名选择器:一个完整的网页需要很多标签组合在一起编写实现,因为HTML标签的种类有限,所以同名的一个标签会在一个网页中出现多次,此时如果对这些同名的

CSS三种样式

插入CSS的三种方法 有三种方式插入样式表: 外部样式表 内部样式表 行内式样 外部样式表 使用外部样式表,值改变一个文件,您可以改变整个网站的外观! 每个页面必须包含一个外部样式表文件的引用,在<link> 元素里面. <link> 元素包含在 <head> 里面: <head> <link rel="stylesheet" type="text/css" href="mystyle.css"

CSS三种插入样式表格式

首先简单理解浏览器与网页的交互过程 CSS样式表(stylesheet) cascading style sheet 级联样式表 表现HTML或XHTML文件样式的计算机语言:包含对字体.颜色.边距.高度.背景图片.网页定位等设定 css优势:内容于表现分离 网页的表现统一,容易修改 丰富的样式,使得页面布局更加灵活 减少网页的代码量,增加网页的浏览速度,节省网络带宽 运用独立于页面的css有利于网页被搜索引擎收录 插入CSS样式表分为三种: 外部样式表(External style sheet