day3
2019/07/25第25p开始
第一:元素之间的关系
父元素:直接包含子元素的元素
子元素:直接包含子元素的元素
祖先元素:直接或间接包含后代元素的元素
后代元素:直接或间接被祖先元素包含的元素
兄弟元素:拥有相同父元素的元素叫做兄弟元素
第二:如何选择后代元素(全部)(一般用这个 兼容性好)
-语法:祖先元素1空格祖先元素2(自定义 可多写)空格后代元素
第三:如何选择指定祖先元素的指定后代元素(指定到哪个阶段)(不怎么用 不太推荐)
(IE6及以下的浏览器不支持子元素选择器)
第四: (:link,:visited,:hover,:active,::selection,:focus)这些伪类的意思,写法和注意事项
第五:<input type="text">是什么?
第六:伪元素是什么? :first-line ,:first-letter是什么?
第七:title属性有啥用?怎么设置
第八:属性选择器[属性名]的作用。[属性名="属性值"]
第九;为title属性值以ab开头设置颜色怎么设置
第十:为title属性值以c结尾的属性设置颜色怎么设置
p [title*="c"]什么意思?
day4
子元素选择器之子元素的伪类
xx-of-type
兄弟关系选择器
否定伪类
样式的继承
选择器的优先级
伪类的顺序 观看到第35P
疑问 <h1><span>不想因为继承改变颜色怎么办?</span></h1>
目前只能想到土办法把h1分开拆开来整,因为我发现我给span赋值class标签 之后使用CSS里的 h1.not(.aa){进行赋值}
没有用。难道他是因为span的缘故?但是也说不通。。。
第一:CSS里firts-child的详细意思是? body > p : last-child的意思是?
buhuibianse(这是想让字体不变色,疑问奥)
hui bian se
第二:p:nth-child(1或者特定参数)的详细意思是? 特定参数如偶数,基数怎么写?
第三:p:first-of-tyle p:last-of-type p:nth-of-type()
跟上边的child最本质上的区别是什么?
第四:今天学的兄弟关系选择器里span + p 和 span ~ p都啥意思?
第五:啥叫样式的继承? 怎么书写? 一般情况不会继承的都有哪些属性?
样式的继承(看注释)
第六:样式的继承优先顺序是?
第七:伪类的顺序?
父类;:H1第1个P
父类;:H1第2个P
父类;:H1第3个P
父类;:H1第1个SPAN父类;:H1第4个P
父类:DIV第一个P
父类:DIV第一个P
父类:DIV第一个P
父类;:DIV第1个SPAN父类:DIV第一个P
day5
兔子
-
吃饭,睡觉,吃胡萝卜
清除超链接的默认下划线 <em>标签只强调语气的感觉
<strong>strong标签强调内容重要!!
<i>标签无意义,就是变斜
<b>标签无意义,就是变粗
<sup>标签就是主要做平方啥的,42.或者 百度 [1]
<small>标签里的文字比父类的小语义是写细则(就是不想让人看见的,但是一定要写的内容啥的)
<big>big标签变大,不怎用。
<q>q标签语义:短引用,自带不能复制的“和”比如鲁迅说过:学医救不了中国人
<blockquote>↓↓
这是块元素独占一行。长引用
<cite>《xx自传》有书名号的都能用cite标签。
<del>17.55语义,删除的内容
<ins>15.77语义,插入的内容
<pre>和<code>
里面的内容写成啥样,就会显示成啥样,包括空格
123aqqq aa
<code>语义:表示这个是代码,一般除非只有一行代码 pre标签和 code标签经常一起使用。
-
aaaa
- 你好你好1
- 哈哈哈哈2
- 嘿嘿嘿嘿4
- 可乐
- 雪碧
- 美年达
<ul>无须列表(用的多) <ol>有序列表(少) <li>表里的内容
注意:由于<ul>的默认形式·因为浏览器不一样所以形状也不同,所以一般会去掉
ul{
list-style:none;
}
如果想要·那就给li标签加上图片,这样所有的浏览器看起来就会一样。
兔子
-
吃饭,睡觉,吃胡萝卜
<dl>语义,创建一个定义列表,<dt>主题<dd>内容,一般很少用,形状像下拉菜单。
像素:手机像素默认X4。
em单位跟文字有关,1em=当前文字的像素,10em就是10倍 所以跟文字有关的设置可以用em
RGB类3种写法
background-color:#66ccff 或者#6cf
background-color:rbg(255,0,0) 0-255
background-color:rbg(100%.10%,50%)
看到40p
里面的内容写成啥样,就会显示成啥样,包括空格
123aqqq aa
- 可乐
- 雪碧
- 美年达
ul{
list-style:none;
}