发表于: 2018-08-27 00:10:57

1 687


Today

1.  label 标签

label标签为input元素定义标注(标记),它不会向用户呈现任何特殊效果,和span标签类似。但label标签和span标签最大的区别就是它为鼠标用户改进了可用性,可以关联特定的表单控件。


2.input {display: none}隐藏默认样式,清除select 默认样式

appearance:none

-moz-appearance:none /*火狐*/

-webkit-appearance:none /*苹果和谷歌*/


3.option 样式清除

option::-ms-expand{ display: none; }
option{
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
appearance:none;
}
/* --背景色字体颜色--*/
option:hover{
color:#fff;
background-color:#1E90FF;
}


4.用媒体响应做了布局变动 : 大中小屏幕下的 选项 布局

5.input 属性很多,选择 适合的 属性,比如 type =number 更适合 选择尺寸那一栏,设置样式的css 写法

input[type="number"] {
display: block;
}


6. 点击 radio 的时候怎么让前面自己添加的圆点 也一同改变样式 ? 明天搞定它.其他地方的布局基本完成.


Tomorrow

1.完善任务10

2.开始任务11


Gain

1.表单一些常用属性的熟悉吧

2.媒体查询的练习.这个任务我用了很多媒体查询来做,比较少用到bs,bs对一些经常要改动布局的地方不太灵活

Pain

1.表单的一些属性很多不熟悉

2.修改默认属性 的美化还得多学习


返回列表 返回列表
评论

    分享到