深刻理解表现与结构分离之好友列表操作
如果你觉得你是一个CSSer,可以试试按照如下图片的内容,制作一个符合标准的,并且表现与结构分离的页面。

1.深绿色为选中状态
2.浅绿色为鼠标hover状态
以上的试题没有标准的答案,只能用最接近标准可用性方案来解决。
(js的可用性咱略过,因为我可能也搞不好)
我的答案在下周五公布,希望你们能在下周五前交卷。
如果你觉得你是一个CSSer,可以试试按照如下图片的内容,制作一个符合标准的,并且表现与结构分离的页面。

1.深绿色为选中状态
2.浅绿色为鼠标hover状态
以上的试题没有标准的答案,只能用最接近标准可用性方案来解决。
(js的可用性咱略过,因为我可能也搞不好)
我的答案在下周五公布,希望你们能在下周五前交卷。
前端是一个严谨的课题,CSSer更应该有着严谨的“治(治理)”“学(学习)”精神,即使HTML中出现的空白字符,合理的使用,都会有意想不到的效果。
这堂课的主题是CSS中的文本属性:word-spacing
word-spacing 属性增加或减少单词间的空白。
该属性定义元素中字之间插入多少空白符。针对这个属性,“字” 定义为由空白符包围的一个字符串。如果指定为长度值,会调整字之间的通常间隔;所以,normal 就等同于设置为 0。允许指定负长度值,这会让字之间挤得更紧。
注释:允许使用负值。
提示:你可以先修改部分代码再运行。
在以上的menu菜单中,使用到了字符 这个“硬”空白字符来间隔菜单,但是缺没有达到预想的效果。
综上所述,作为一个CSSer,一定要有严谨的思维跟态度用于工作于学习之中。