CSS部分语法1
<!--
第1部分 CSS规则特性
1 继承性：父元素样式可以被子元素继承，一般只能继承颜色和字体；
2 层叠性：给一个元素设置不同声明，效果会叠加；
3 优先级：给同一个元素设置相同声明，效果以后者为准，也叫就近原则； 第2部分 选择器
1 元素选择器 略；
2 类选择器：选择class等于某值的所有元素，是程序员根据逻辑给元素增加的分类；
3 id选择器：选择id等于某值的惟一的元素；
4 选择器组：写出一组选择器，选中每个选择器所对应的目标的“并集”；
5 派生选择器：
后代选择器：选择某元素所有后代（子孙）元素
子元素选择器：选择某元素的所有子元素
6 伪类选择器：：用于像某些选项添加特殊的效果
使用冒号（ ：）作为结合号，结合号左边是其他选择器，右边是伪类
常用伪类：
-:link
-:active
-:visited
-:hover
-focus:
--> <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo3</title> <style>
/*1 继承性：父元素样式可以被子元素继承，一般只能继承颜色和字体*/
body{
font-family:"微软雅黑","文泉驿正黑","黑体"; /*三个字体分别支持windows、linux、mac,一般都写*/
background-color:silver; //背景颜色
color:blue; //字体颜色 } /*2 层叠性：给一个元素设置不同声明，效果会叠加*/
h2{ font-family:"微软雅黑";
}
/*此处省略无数行声明，写着写着忘了加一个申明可以另写，会叠加*/
h2{ color:red;
font-size:50px;
} /*3 优先级：给同一个元素设置相同声明，效果以后者为准，也叫就近原则*/
h3{
color: gray;
}
/*此处省略无数行声明*/
h3{
color:green;
} /*选择器就是用来选择页面上的元素 */
/* 1 元素选择器 前面都有 略 */ /* 2 类选择器：选择class等于某值的所有元素，是程序员根据逻辑给元素增加的分类 */
.girl{
color:pink;
font-size:40px;
} /*3 id选择器：选择id等于某值的惟一的元素*/
#p3{
color:yellow;
font-size:50px;
} /* 4 选择器组：写出一组选择器，选中每个选择器所对应的目标的“并集” */
p.girl,#p3{
font-weight:bold; /*加粗*/
} /* 5 派生选择器：
后代选择器：选择某元素所有后代（子孙）元素
子元素选择器：选择某元素的所有子元素
*/
/*5.1 选择某元素的子孙*/
#p5 b{
color:red;
}
/*5.12选择某元素的儿子*/
#p5>b{
color:yellow;
} /*6 伪类选择器：：用于像某些选项添加特殊的效果
使用冒号（ ：）作为结合号，结合号左边是其他选择器，右边是伪类
常用伪类：
-:link
-:active
-:visited
-:hover
-focus: */ </style> </head>
<body>
<h1>老许</h1>
<h2>盼盼</h2>
<h3>哈哈</h3> <p class = "girl">小倩</p> <p class = "girl">小乔</p> <p id = "p3">大蛇</p> <p>牛魔王</p> <p id="p5">
<u>安徽省<b>马鞍山市</b>安徽工业大学 </u> <br>
红豆生南国，<br>
春来发几枝。<br>
问君多采撷，<br>
此物最相思。<br>
</p>
<ol>
<li>第一</li>
<li>第二</li>
<li>第三</li> </ol> </body>
</html>
CSS部分语法1的更多相关文章
- CSS 高级语法 ---- 继承和选择器的分组
1. 选择器的分组 ————————————————————————— 可以对选择器进行分组,被分组的选择器享用共同的声明. h1,h2,h3,h4,h5,h6 { color: green; ...
- 1.css的语法标准
css(Cascading Style Sheets),中文名称为层叠样式表,主要用于对html的样式设置. 在使用CSS的时候,要注意其优先级情况,优先级由下所示(数字越高,优先级越高): 浏览器缺 ...
- 常用的CSS缩写语法一些方法小结
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以 ...
- CSS代码语法
css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到 ...
- css 基本语法及页面引用：
css基本语法: css的定义方法是: 选择器{ 属性:值; 属性:值; 属性:值; } 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性,每个属性有一个或多个值. 如: div{ w ...
- css基本语法及页面引用
css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值.代码示例: div{ w ...
- web（七）css的语法规则、注释
css的语法规则:特殊的css语法标识. !important:当使用多种方式设定标签样式时,设定样式渲染的应用优先权,声明在取值之后. .important { color: red !import ...
- CSS基础语法与选择器
CSS基础 语法 : <head> <style type="text/css"> 选择器(即修饰对象){ 修饰属性:属性值; 修饰属性:属性值; } &l ...
- HTML&CSS基础-CSS的语法
HTML&CSS基础-CSS的语法 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.dome.html源代码 <!DOCTYPE html> <html ...
- css基本概念与css核心语法介绍
css基本概念 css是什么?不需要了解太多文字类介绍,记住css是层叠样式表,HTML是页面结构,css负责页面样式,javascrt负责静态页面的交互.CSS 能够对网页中元素位置的排版进行像素级 ...
随机推荐
- 为什么作为下游的WSUS更新服务器总有一直处于下载状态的文件
/* Style Definitions */ table.MsoNormalTable {mso-style-name:普通表格; mso-tstyle-rowband-size:0; mso-ts ...
- git stash解决代码merge出错
最近在使用git提交代码时,遇到一个问题,就是我修改了几个文件的代码,然后又想把自己代码库里面的代码更新到最新版本,然后不出所料,代码冲突了!作为一个喜欢解决问题的程序员,怎么会被这样的问题所困住呢? ...
- CSAPP：第十二章 并发编程
CSAPP:第十二章 并发编程 12.1 线程执行模型12.2 多线程之间并发通信12.3 其他并发问题 使用应用级并发的应用程序称为并发程序.现代操作系统提供三种基本的构造并发程序的方法: 进程 ...
- ztree 为节点添加点击触发事件
<SCRIPT type="text/javascript"> var setting = { data : { key : { title : "code& ...
- 如何在FineUIMvc（ASP.NET MVC）中显示复杂的表格列数据（列表和对象）？
起源 最初,这个问题是知识星球内的一个网友提出的,如何在FineUIMvc中展现复杂的列数据? 在FineUIPro中,我们都知道有一个 TemplateField 模板列可以使用,我们只需要在后台定 ...
- .a 文件 和 so 文件
所谓静态链接是指把要调用的函数或者过程链接到可执行文件中,成为可执行文件的一部分.当多个程序都调用相同函数时,内存中就会存在这个函数的多个拷贝,这样就浪费了宝贵的内存资源..so文件是共 ...
- MRP没生成MRP汇总表
设置:工作日历延长
- POJ2385——Apple Catching
$Apple~Catching$ Time Limit: 1000MS Memory Limit: 6553 ...
- spring cloud配置注册中心显示服务的ip地址和端口
1.在springcloud中服务的 Instance ID 默认值是: ${spring.cloud.client.hostname}:${spring.application.name}:${sp ...
- codeforces581D
Three Logos CodeForces - 581D Three companies decided to order a billboard with pictures of their lo ...