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 能够对网页中元素位置的排版进行像素级 ...
随机推荐
- ASP.NET学习笔记 —— 一般处理程序之图片上传
简单图片上传功能目标:实现从本地磁盘读取图片文件,展示到浏览器页面.步骤:(1). 首先创建一个用于上传图片的HTML模板,命名为ImageUpload.html: <!DOCTYPE html ...
- Swift中 删除Array的元素对象
Swift中Array的删除对象 在Swift中数组Array没有removeObject的方法 1.找到下标 let model_index = selectedArray.index(where: ...
- 【记录】垃圾清理软件 便携版CleanMyPC破解版
摘要 使用CleanMyPC保持您的PC清洁并像新的一样运行.它扫描整个计算机以清理垃圾文件,加速您的PC并提高其性能.CleanMyPC不仅仅是一台PC清洁工 - 它是关注计算机的必备工具.[有能力 ...
- Python基础之函数和模块
函数的基本使用 函数的定义:把具有独立功能的代码块组织成一个小模块,在需要的时候调用.或者说,函数是组织好的,可重复使用的,用来实现单一,或相关联功能的代码段. 函数的使用:1.定义函数:2.调用函数 ...
- golang web实战之二（iris）
之前写了一篇为:golang web实战之一(beego,mvc postgresql) 听说iris更好: 1. iris hello world package main import &quo ...
- java中的超类是什么
超类(SuperClass) :用java术语来讲,被继承的类称为超类(SuperClass),也有叫做父类,继承的类称为子类.
- 一键发布部署vs插件[AntDeploy]开源了
deploy to remote server by one button click 功能 支持docker一键部署(支持netcore) 支持iis一键部署(支持netcore和framework ...
- Spring Boot与消息
一.概述 1. 大多应用中,可通过消息服务中间件来提升系统异步通信.扩展解耦能力 2. 消息服务中两个重要概念: 消息代理(message broker)和目的地(destination) 当消息发送 ...
- CodeForces Round #555 Div.3
A. Reachable Numbers 代码: #include <bits/stdc++.h> using namespace std; ; int N; set<int> ...
- 探索PowerShell 【十三】WMI对象
原文:探索PowerShell ][十三]WMI对象 我记得在xp时代,经常使用的工具有一个叫做WMI Administrative Tools,是微软官方提供的用来查看.编辑WMI对象的,只是现在好 ...