摘要：
块状元素 在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内 阅读全文
posted @ 2020-12-12 19:48
觖泽
阅读(674)
评论(0)
推荐(0)
摘要：
font-family设置字体系列 例如： body{font-family:"宋体";} font-size 设置字体大小 例如： body{font-size:12px;} font-weight设置字体粗细： p span{font-weight:bold;} 像H1-H6或者strong标签 阅读全文
posted @ 2020-12-10 22:10
觖泽
阅读(111)
评论(0)
推荐(0)
摘要：
内联样式就是<div style="color:red;"> 如此 选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器 权值计算-特殊性： p{color:red;} .first{color:green;} <p class="first">三年级时， 阅读全文
posted @ 2020-12-10 21:58
觖泽
阅读(328)
评论(0)
推荐(0)
摘要：
样式的继承: CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} 阅读全文
posted @ 2020-12-10 21:03
觖泽
阅读(167)
评论(0)
推荐(0)
摘要：
例如：h1,span{color:red;} 它相当于下面两行代码： h1{color:red;} span{color:red;}又例如 .first,#second span{ color:green; } 阅读全文
posted @ 2020-12-10 21:01
觖泽
阅读(119)
评论(0)
推荐(0)
摘要：
伪装者 - 伪类选择器： 它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠 阅读全文
posted @ 2020-12-10 19:48
觖泽
阅读(145)
评论(0)
推荐(0)
摘要：
通用选择器： 通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色 * {color:red;} 阅读全文
posted @ 2020-12-09 20:06
觖泽
阅读(244)
评论(0)
推荐(0)
摘要：
后代选择器： 包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码： .first span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。 请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后 阅读全文
posted @ 2020-12-09 19:47
觖泽
阅读(1048)
评论(0)
推荐(0)
摘要：
子选择器： 还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框 border:1px sol 阅读全文
posted @ 2020-12-09 19:31
觖泽
阅读(94)
评论(0)
推荐(0)
摘要：
类选择器 语法： .类选器名称{css样式代码;} 注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢） 使用方法： 第一步：使用合适的标签把要修饰的内容标记起来，如下： <span>胆小如鼠</span> 第二步：使用class="类选择器名称"为标签设置一个类，如下： <s 阅读全文
posted @ 2020-12-09 19:04
觖泽
阅读(733)
评论(0)
推荐(0)
浙公网安备 33010602011771号