css优先级&颜色表示&placeholder

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。

该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

注释:placeholder 属性适用于以下的  

类型:text, search, url, telephone, email 以及 password。

----------------------------------------------------------------------------------------------------------

form的action属性指定了表单提交到服务器的地址

例:

------------------------------------------------------------------------------------------

input里面可以设置required属性使文本框的内容为 非空 时才可以提交

input的type属性中有单选框radio和多选框checkbox,checked属性表示此选项默认被选中;

-------------------------------------------------------------------------------------------------------------

css优先级:

当CSS库取代我们定义的样式的时候,可以在css的元素后面加!important

例:.pink-text {

            color: pink !important;

          }

②内联样式(例:

style="color:blue">Hello World!

)权值为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}         /* 选定的链接 */

标签上面应用这些状态,包括活动,已被访问,悬停,点击状态的时候,标签里面的连接颜色会出现不同的变化;详情:CSS伪类


属性选择器:

例:a[href] {color:red;}   在标签的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灰度。而强度一般由  光源的能量和物体反射能量的比例的乘积  决定。 所以如果很低,颜色就很暗,而能量很大,就很亮,就是白色。

你可能感兴趣的:(css优先级&颜色表示&placeholder)