css优先级&颜色表示&placeholder
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。
该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
注释:placeholder 属性适用于以下的
类型:text, search, url, telephone, email 以及 password。
----------------------------------------------------------------------------------------------------------
form的action属性指定了表单提交到服务器的地址
例:<form action="url">
------------------------------------------------------------------------------------------
input里面可以设置required属性使文本框的内容为 非空 时才可以提交
input的type属性中有单选框radio和多选框checkbox,checked属性表示此选项默认被选中;
-------------------------------------------------------------------------------------------------------------
css优先级:
①当CSS库取代我们定义的样式的时候,可以在css的元素后面加!important
例:.pink-text {
color: pink !important;
}
②内联样式(例:<h1 style="color:blue">Hello World!</h1>)权值为1000;
③id选择器(例: # pink-text{color:pink;})权值为100;
④class选择器/类选择器(例: . pink-text{color:pink;})PS:若一个标签用了多个类选择器,则优先选择最后定义的那个。权值为10;
伪类:
例:
a:link{color: #FF0000} /* 未访问的链接 */
a:visited{color: #00FF00} /* 已访问的链接 */
a:hover{color: #FF00FF} /* 鼠标移动到链接上 */
a:active{color: #0000FF} /* 选定的链接 */
在<a>标签上面应用这些状态,包括活动,已被访问,悬停,点击状态的时候,<a>标签里面的连接颜色会出现不同的变化;详情:CSS伪类
属性选择器:
例:a[href] {color:red;} 在<a>标签的href属性上应用color:red这个样式;详情:属性选择器
颜色:
hex code遵循red-green-blue(红-绿-蓝),或rgb格式rgb(红,绿,蓝)。hex code前两位表示红色的数量,中间两位表示绿色的数量,最末尾两个表示蓝色的数量。原理:在图像处理当中,我们用0—255表示黑色—白色,而为什么用两位数表示一个颜色,因为颜色用16进制表示,两位16进制化成10进制就是0--16*16,即256种。
另外还有一种颜色表示方法rgba,后面多了一个a是用于表示透明度;
在单色图中,把 intensity强度 叫做 gray scale灰度。而强度一般由 光源的能量和物体反射能量的比例的乘积 决定。 所以如果很低,颜色就很暗,而能量很大,就很亮,就是白色。