Day 37  task8-5

今天完成的事情

      1.完成task8-1及其响应式

      2.task8-及8-3完成一半

遇到的问题

      1.【solved】li标签的圆点和字体颜色只能同时更改，没办法做到psd图中的两种颜色

解决办法：在li标签中内嵌button 

      2.【unsolved】li标签没办法和button一起同时进入focus状态，不能设置li标签变成实心圆

AngularJS ng-class 指令

ng-class 指令用于给 HTML 元素动态绑定一个或多个 CSS 类。

表达式返回类名

<element ng-class="expression"></element>

收获

      1.css中用list-style-type指定列表（lists）前面符号,如下： 
li {list-style-type:符号名称} 

符号名称可用的值为： 
disc : 　CSS1　实心圆 
circle : 　CSS1　空心圆 
square : 　CSS1　实心方块 
decimal : 　CSS1　阿拉伯数字 
lower-roman : 　CSS1　小写罗马数字 
upper-roman : 　CSS1　大写罗马数字 
lower-alpha : 　CSS1　小写英文字母 
upper-alpha : 　CSS1　大写英文字母 
none : 　CSS1　不使用项目符号 
armenian : 　CSS2　传统的亚美尼亚数字 
cjk-ideographic : 　CSS2　浅白的表意数字 
georgian : 　CSS2　传统的乔治数字 
lower-greek : 　CSS2　基本的希腊小写字母 
hebrew : 　CSS2　传统的希伯莱数字 
hiragana : 　CSS2　日文平假名字符 
hiragana-iroha : 　CSS2　日文平假名序号 
katakana : 　CSS2　日文片假名字符 
katakana-iroha : 　CSS2　日文片假名序号 
lower-latin : 　CSS2　小写拉丁字母 
upper-latin : 　CSS2　大写拉丁字母   

明天计划学习

       继续完成task8

注： 【unsolved】截日报发出前未解决的问题

        【solved】已解决现象但并未从根本上解决问题

        【solved】已解决