发表于: 2020-03-22 23:53:09
1 1202
一,今天完成的任务;
用css模拟下拉框,布局列表主体部分,
在做的过程中学习了伪类元素的用法
在支持 CSS 的浏览器中,链接的不同
状态都可以不同的方式显示,这些状态
包括:活动状态,已被访问状态,未被
访问状态,和鼠标悬停状态。
a:link
{color: #FF0000} /* 未访问的链接 */a:visited
{color: #00FF00} /* 已访问的链接 */a:hover
{color: #FF00FF} /* 鼠标移动到链接上 */a:active
{color: #0000FF} /* 选定的链接 */
在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。
还学习了,button的使用在 <button> 元素内部,
您可以放置内容,比如文本或图像。这是该元素与
使用 <input> 元素创建的按钮之间的不同之处。
提示:请始终为 <button> 元素规定 type 属性。
不同的浏览器对 <button> 元素的 type 属性使
用不同的默认值。
二,明天准备完善任务,深究一下扩展的内容。
三,有一处不明白的是文字超出容器宽度时,
文字被隐藏的文字用省略号代替,我用的时候
字段直接成这样了,并没有缩短屏幕?
评论