我要评论cursor属性
cursor 属性规定所显示的指针（光标）的类型，主要取值如下：
- default 默认光标（通常是一个箭头） auto 默认。浏览器设置的光标。
- crosshair 光标呈现为十字线。
- pointer 光标呈现为指示链接的指针（一只手）
- move 此光标指示某对象可被移动。
- e-resize 此光标指示矩形框的边缘可被向右（东）移动。
- ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。
- nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。
- n-resize 此光标指示矩形框的边缘可被向上（北）移动。
- se-resize 此光标指示矩形框的边缘可被向下及向右移动（南/东）。
- sw-resize 此光标指示矩形框的边缘可被向下及向左移动（南/西）。
- s-resize 此光标指示矩形框的边缘可被向下移动（北/西）。
- w-resize 此光标指示矩形框的边缘可被向左移动（西）。
- text 此光标指示文本。
- wait 此光标指示程序正忙（通常是一只表或沙漏）。
- help 此光标指示可用的帮助（通常是一个问号或一个气球）。
::before , ::after 属性
::before：在选择的某个标签之前添加内容
::after：在选择的某个标签之后添加内容
举例如下：
- #a::before{
content:“¥”;
font-size:15px;
color:black;
} 选择id为a的标签，在这个标签里内容的最前方加上content里面的内容并可以设置属性 - #b::after{
content:".00";
font-size:15px;
color:rgb(222, 102, 200);
} 选择id为b的标签，在这个标签里内容的最后方加上content里面的内容并可以设置属性
text-indent属性
text-indent 属性规定文本块中首行文本的缩进。用法如下：
text-indent:10px; 例如input框中距离最左侧10px;
:link，:active，:hover，:visited，:focus属性
- :link 未被访问过
- :active 激活状态下(鼠标按下时)
- :hover 悬浮状态下
- :visited 已访问过的
- :focus 获得焦点的时候(鼠标键入时，例如用在input框点击输入后边框变色)
user-select属性
user-select:用来控制内容的可选择性，属性值如下：
- auto——默认值，用户可以选中元素中的内容
- none——用户不能选择元素中的任何内容
- text——用户可以选择元素中的文本
- element——文本可选，但仅限元素的边界内
- all——在编辑器内，如果双击/上下文点击发生在子元素上，该元素的最高级祖先元素将被选中。
- -moz-none——firefox私有，元素和子元素的文本将不可选，但是input输入框中的文字除外
text-shadow，box-shadow属性
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。
基本语法是
{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}
对象选择器
{box-shadow:[投影方式] X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}
display属性
display 属性规定元素应该生成的框的类型。常用属性值如下：
- none 此元素不会被显示。
- block 此元素将显示为块级元素，此元素前后会带有换行符。
- inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
- inline-block 行内块元素。既可以设置宽高，又可以独占一行
- list-item 此元素会作为列表显示。
- inherit 规定应该从父元素继承 display 属性的值。
flex-grow 属性
flex-grow 属性用于设置或检索弹性盒子的扩展比率。属性值如下：
- number 一个数字，规定项目将相对于其他灵活的项目进行扩展的量。默认值是 0。
- initial 设置该属性为它的默认值。
- inherit 从父元素继承该属性。
本文地址：https://blog.csdn.net/Liu_csdn_qp/article/details/107353346
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论