-
子选择器
.food>li {
border: 1px solid red; // 这里没有逗号。
}
查看全部 -
类选择器可以并列
.stress{
color: red;
}
.bigsize {
font-size: 25px;
}
<p>到了<span class="stress bigsize">三年级</span>下学期时，我们班上了一节公开课......</p>
ID选择器不可以并列, 不能出现id="stressid bigsizeid">
#stressid {
color:red;
}
#bigsizeid{
font-size: 25px;
}
<p>到了<span id="stressid bigsizeid">三年级</span>下学期时，我们班上了一节公开课......</p>
查看全部 -
需注意 ID选择符的设置结构：
<div id="XX">xxxxxxxxxx</div>
你选了哪个ID，就要先定义这个ID, 用#
#XX { ...}
和类一样，这个内容要放在头部的style里。
查看全部 -
如果发现自已在自已认为并不高级的认知里打转，说明自已还没有深入更高级的认知。当你进入一个更高层级的认知，那感觉就像打开了新世界大门。
查看全部 -
原来使用不同span,不是span1,span2
而是要指定ID
<p id="second"> 第二P里的<span>
#second span {
color: green;
}
查看全部 -
求真
当不确定时，放手一试，有时候少就是对
伪装者：
a:hover {
color: red;
}
使用时，为什么还需要加一个地址href=”http:xxxxxxxxxxx">
查看全部 -
通用选择器
* {
color: red;
font-size: 20px;
}
查看全部 -
上一节课，我提交代码后，“我还是一个胆小如鼠的女孩“被分隔成三个小格，我当时还在想，为什么我的不是一个格。原来是直接当爷爷了。
.first span {
border:1px solid green;
} /* 这是爷爷*/
.first>span {
border:1px solid green;
} /* 这是爸爸*/
查看全部 -
ID选择器 和类有啥区别？
啥时候用ID
1、页面唯一的结构（头部，底部、侧边栏）
2、表单中的单选、复选框需要关联<label>时
3、javascript需要高频、快速获取的单个元素
绝大多数情况都用类,用类实现复用。
需要复用的样式（按钮样式、卡片样式）
需要多个类组合的场景{.btn-primary, .btn-large)
响应式设计和组件化开发
查看全部 -
三种链接方式有优先级：
内联式>嵌入式>外部式
就近原则，谁离目标近执行谁
查看全部 -
外部CSS样式，用外部.css文件控制html
在头部增加<link>
<link href="base.css" rel="stylesheet" type="text/css"/>
这是一个固定写法。
查看全部 -
局部修改蛮灵活
直接在要修改的句子前的span里加
<span >XXXX</span>
查看全部 -
注释：
需要与代码之间有一个空格
p{
font-size:12px; /*XXXXX*/
color:red; /*xxxxx*/
}
查看全部 -
p{ color: blue }
p选择符，color：属性，：声明，blue值
查看全部 -
改变局部字体颜色：
在全局变量中
span{
color:blue;
}
查看全部
举报