demo3

/*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:*/

老许

盼盼

哈哈

小倩

小乔

大蛇

牛魔王

安徽省马鞍山市安徽工业大学
红豆生南国，
春来发几枝。
问君多采撷，
此物最相思。

第一
第二
第三

html css语法几部分,CSS部分语法1相关推荐

【Hello CSS】第一章-CSS的语法与工作流
作者:陈大鱼头 github: KRISACHAN 在上一篇[Hello CSS]的序章CSS起源中介绍了CSS的诞生原因以及发展历史,了解了CSS的存在意义.从正篇篇开始将会正式开始介绍CSS这门语 ...
Emmet语法——HTML和CSS快速生成代码/VS code如何快速格式化代码
前言:本篇文章简单讲述了HTML和CSS中的Emmet语法,更多详细语法内容可以参见此文章 https://code.z01.com/Emmet/ Emmet 语法 Emmet语法的前身是Zen co ...
CSS样式（一）- 基本语法
css样式 - 基本语法 css样式语法 - 基本语法格式 css又叫层叠样式表 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明选择器: 通常是您需要改变样式的HTML元素例如: ...
css语法，常用css语法，内部样式表，外部样式表，内联样式表, 样式优先级问题
1.css语法: 2.css常用属性: 3.内部样式表: 在head标签中书写style标签,然后在style标签中书写css,style标签具有type属性,属性值为"text/css&q ...
HTML中注释写法 CSS中注释写法,CSS注解语法,HTML中CSS注释
CSS注释教程篇一.CSS注解语法在CSS代码中进行注解注释语法: /* 注解注释内容 */ 二.HTML中CSS注释我们在HTML中直接使用style标签进行设置CSS样式,那CSS注释注解时 ...
Day 30：HTML和CSS在Java项目中常用语法
framSet例子,其中的页面链接地址视情况而定,应为我还不知怎么弄当前文件下呢,例子主要在说明该标签如何使用 <!DOCTYPE html PUBLIC "-//W3C//DTD X ...
php+jq+添加css,jquery如何添加css样式？
在运用jquery的时候我们经常需要动态的给一些dom元素添加CSS样式,下面我们来看一下Jquery如何动态的添加css样式. jquery添加css样式的方法:使用addClass() 方法添加c ...
css基础选择器教程,CSS核心基础一些常见的选择器的使用小白教程
要想将CSS样式应用于特定的HTML元素,首先要找到该目标元素.在CSS中,执行这一任务的样式规则部分被称为选择器.在CSS中有很多的选择器,包含标记(标签)选择器.类别选择器.id选择器.通配符选择 ...
css的fill属性,css column-fill属性怎么用
css column-gap属性定义及用法在css中,column-gap属性通常和columns.column-count等分列属性一起使用,用来设置元素内容分列(多列布局)后列与列之间的距离 c ...
css html 字竖,CSS实现文字竖排 DIV CSS文字垂直竖列排版显示如何实现？
DIV CSS实现文字竖排排版显示兼容各大浏览器,让文字垂直竖列排版布局. 有时我们需要一段文字进行从上到下竖列排版,我们知道CSS样式中有一样式可以让其竖列排版,但所有浏览器不全兼容,逼不得已放弃. ...

html css语法几部分,CSS部分语法1

老许

盼盼

哈哈

html css语法几部分,CSS部分语法1相关推荐

最新文章

热门文章