css这是什么意思,有错误吗?

html-css011

css这是什么意思,有错误吗?,第1张

单独看CSS是没有错误的,需要配合你的HTML结构以及你所要表达的网页功能综合判断。这就好像给了一堆颜料,问别人画作好不好一样。颜料可能本身并没有问题,但是想要搞出优秀的艺术品,单纯的颜料是没法给出答案。

css里面有个属性叫clip-path,可以把长方形的css元素切割为不规则图形,点击响应的区域也只有切割后的图形才能响应。因此可以利用这个属性生成一下简单的图形。有个工具可以帮助我们生成不规则图形,地址:

借助这个工具,我们就能生成各种简单图形了,比如:

箭头:

向右的箭头:

关闭的叉:

三角形箭头:

注意:iOS浏览器iOS7以上支持,android浏览器4.4以上支持。opera浏览器全部不支持。iE全部不支持。

每个输入项目,input框,都对应一个span标记。span标记内的内容,就是你看到的红圈内德错误提示信息。

input输入框,和默认隐藏的span标记都处于同一个父元素P标记内。

P标记的position是relative的。

而span标记的position是absolute的。

设置为position:abosolute的span标记,将根据最近的一个设置为relative定位的父元素进行定位。

因此span标记就可以通过设置left以及top属性,进行定位。

因为已知input框的大小,长度,等,就可以精确设定span标记的定位点,

看起来就跟吸附在input框右侧的效果。

还有,你要问提示信息栏左侧突出的那个小尖尖是怎么出来的话,其实那就是背景图片而已。