【html学习第二天—— 第八章—— CSS选择器】的更多相关文章

html学习第二天—— 第八章—— CSS选择器

标签选择器其实就是html代码中的标签.如右侧代码编辑器中的<html>.<body>.<h1>.<p>.<img>.例如下面代码:p{font-size:12px;line-height:1.6em;}上面的css样式代码的作用:为p标签设置12px字号,行间距设置1.6em的样式. 类选择器类选择器在css样式编码中是最常用到的,如右侧代码编辑器中的代码:可以实现为“胆小如鼠”.“勇气”字体设置为红色.语法:.类选器名称{css样式代码;}注…

前端学习（十）：CSS选择器

进击のpython ***** 前端学习--CSS选择器 每一条CSS样式声明由两部分组成: 选择器{ 样式: } 在CSS中{}之前的部分就是"选择器","选择器"指明了{}中的"样式"的作用对象 也就是说该"样式"作用与网页中的哪些元素 那选择器就分为:基础选择器和高级选择器 基础选择器 标签选择器 标签选择器顾名思义就是html代码中的标签 我们之前学习的html.body.h系列的标签.p.div.img等等我们都可以…

从零开始学习html（八）CSS选择器——下

六.子选择器 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>子选择符</title> <style type="text/css"> .food>li{border:1px solid red;}…

从零开始学习html（八）CSS选择器——上

一.什么是选择器? <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>选择器</title> <style type="text/css"> body{ font-size:12px; color:red;…

HTML+CSS学习笔记（8）- CSS选择器

标签:HTML+CSS 什么是选择器? 每一条css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; } 在{}之前的部分就是"选择器","选择器"指明了{}中的"样式"的作用对象,也就是"样式"作用于网页中的哪些元素 标签选择器 标签选择器其实就是html代码中的标签.如下面代码中的<html>.<body>.<h1>.<p>.<img>.例如下面代码:…

Html学习之十二（CSS选择器的应用二）

<!doctype html> <html> <head> <meta charset="utf-8"> <title>网业设计软件列表</title> <link rel="stylesheet" type="text/css" href="../css/style04.css"> <style> a{padding-right:…

html5--6-11 CSS选择器7--伪类选择器

html5--6-11 CSS选择器7--伪类选择器 #E:target 选择当前活动的锚点元素. 学习要点 掌握常用的CSS选择器 了解不太常用的CSS选择器 什么是选择器 当我们定义一条样式时候,这条样式会作用于网页当中的某些元素,所谓选择器就是样式作用的对象. 插入样式的三种方法 内联样式表(行内) 内部样式表(style中) 外部样式表 创建一个外部样式表 在head中使用link元素插入样式表 CSS语法 单一元素的多个属性之间用分号隔开:若只有一个可以省略 多个元素之间用逗号隔开 如…

html5--6-10 CSS选择器7--伪类选择器

html5--6-10 CSS选择器7--伪类选择器 实例 学习要点 掌握常用的CSS选择器 了解不太常用的CSS选择器 什么是选择器 当我们定义一条样式时候,这条样式会作用于网页当中的某些元素,所谓选择器就是样式作用的对象. 插入样式的三种方法 内联样式表(行内) 内部样式表(style中) 外部样式表 创建一个外部样式表 在head中使用link元素插入样式表 CSS语法 单一元素的多个属性之间用分号隔开:若只有一个可以省略 多个元素之间用逗号隔开 如果值为若干单词,则要给值加引号;除了这种…

html5--6-9 CSS选择器6--伪类选择器

html5--6-9 CSS选择器6--伪类选择器 实例 @charset="UTF-8"; /*:root{background: green}*/ /*li:first-child{color: red}*/ /*选择ul的元素里面是第一个子元素的*/ /*ul>li:first-child{color: red}*/ /*li:last-child{color: red}*/ /*li:only-child{color: green}*/ p:only-of-type{co…

html5--6-8 CSS选择器5

html5--6-8 CSS选择器5 实例 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>6-8课堂演示</title> <link rel="stylesheet" type="text/css" href="style.css"…