前端学习总结(2)

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>标签就是主要做平方啥的，4².或者 百度 ^[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
• 1. 可乐
  2. 雪碧
  3. 美年达

<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