美文网首页我爱编程
css优先级&颜色表示&placeholder

css优先级&颜色表示&placeholder

作者: Absolutely | 来源:发表于2018-04-09 15:49 被阅读0次

    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灰度。而强度一般由  光源的能量和物体反射能量的比例的乘积  决定。 所以如果很低,颜色就很暗,而能量很大,就很亮,就是白色。

    相关文章

      网友评论

        本文标题:css优先级&颜色表示&placeholder

        本文链接:https://www.haomeiwen.com/subject/szqlaxtx.html