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 ...
- 桌面远程连接阿里云服务器（windows）后丧失了双向文件复制粘贴功能的解决方案（第一条博客！）
近日应公司要求,需在windows服务器上架设一个交易中介软件. 过程之一:将软件压缩文件传到服务器上. 问题:在“运行”对话框通过输入'mstsc' 创建远程连接以后,出现本地桌面与服务器之间无法物 ...
- 关掉那些windows上因权限无法关闭的服务
ProcessExplorer 下载地址 :https://docs.microsoft.com/en-us/sysinternals/downloads/process-explorer 以管理员身 ...
- php分页数据最后一页继续追加第一页数据
之前做数据分页遇到这样一个需求,就是数据到最后一页的时候不能中断,继续把第一页的数据追加到后面,无限显示下去. 原文地址:代码汇个人博客 http://www.codehui.net/info/23. ...
- mstsc远程连接发生身份验证错误要求的函数不受支持
在win7电脑上使用远程连接连接一台服务器时,出现发生身份验证错误要求的函数不受支持的错误,原因是本地组策略配置错误,如下图: 解决办法: 进入windows命令行模式输入命令: 会弹出本地策略组编辑 ...
- Java基础系列--01_基础类型
J2SE.J2ME.J2EE分别指什么? J2SE 基础版,桌面应用. J2ME 微型版,手机开发.(android,ios) J2EE 企业版,所有浏览器访问的应用程序. 注意:JDK5以后改名 J ...
- log4net:ERROR XmlHierarchyConfigurator: Cannot find Property [File] to set object on [TF.Log.FileAppender]
难受,香菇. 大概研究了两个多小时,搜了很多资料都没有很完美的答案,最后突然脑子就一闪一闪,才弄明白咋回事. log4net:ERROR XmlHierarchyConfigurator: Canno ...
- Ubuntu下搭建spark2.4环境（单机版）
说明:单机版的Spark的机器上只需要安装JDK即可,其他诸如Hadoop.Zookeeper(甚至是scala)之类的东西可以一概不安装.集群版搭建:Spark2.2集群部署和配置 一.安装JDK1 ...
- Python 原生协程------asyncio
协程 在python3.5以前,写成的实现都是通过生成器的yield from原理实现的, 这样实现的缺点是代码看起来会很乱,于是3.5版本之后python实现了原生的协程,并且引入了async和aw ...
- Vue echarts
方式一.直接引入echarts 先 npm 安装 echarts npm install echarts --save // main.js import myCharts from './comm/ ...