css常用样式

最新推荐文章于 2022-07-23 10:48:31 发布

SSPo

最新推荐文章于 2022-07-23 10:48:31 发布

阅读量331

点赞数 1

本文链接：https://blog.csdn.net/Z_zfer/article/details/81604496

版权

2018-06-25学习日志：

知识总结：
1.css三种样式：
   1）内嵌式样式：写在<head></head>中。
   2）外部样式：写在css文件夹中，通过在<link rel="" href=""/>格式来调用。
   3）行内样式：直接写在行标签的style属性当中。
   4）样式优先级：同属性距离网页元素最近的样式起作用。
2.伪类标签：
   1）a:link : 未点击时的链接状态；
   2）a:visited：点击后的状态；
   3）a:hover : 鼠标移动放置上面的状态；
   4）a:active：鼠标点击（未放开）时的状态；
3.布局<div></div>
常用属性：
   1）width：内容的宽；
   2）height：内容的高；
   3）margin: div外部距离浏览器页面的距离，遵循逆时针缩写；
   4）border： div的边界设置，遵循逆时针缩写；
   5）padding：div内容距离边界border的设置；
   6）box-shadow：div页面的投影，box-shadow:x轴偏移量 y轴偏移量虚       化程度颜色；
   7）border-radius："参数":div边角弧度设置；
   8）text-shadow ：文本投影设置；
   9）cursor：pointer：鼠标移动到div上面，光标变为手指形状；
4：body样式：对浏览器原有页面设计进行更改。
5：在一个大div里面细分多个小的div，将要使用float属性。
6：div+hover
.div:hover :鼠标移动到div上面出现的动画效果；
常用属性：
   1）transform:translate(x,y)：鼠标移动到div上面div向x，y轴移动的距离
   2）transform:scale()：鼠标移动到div上面出现的放大倍数；
   3）transform:opacity：鼠标移动到div上面出现的透明度；
   4）transform:rotate(60deg)：鼠标移动到div上面出现的旋转度数；