分类
商品
商品
店铺
资讯
分类
商品
商品
店铺
资讯

6条html和css的小结

  • 时间:2019-01-03 23:09 作者:切图 来源:切图 阅读:363
  • 扫一扫,手机访问
摘要:1、list的ul的li的width一样时,width要固定,还有高2、制作滚动插件时,的结构 // width的值为滚动个li的宽度 或者 n个里的宽度 //width: 999999px; 3、高度不一样的文字、图片垂直居中用拥有vertical-align的属性的标签包裹 ,如i、sub、s

1、list的ul的li的width一样时,

width要固定,还有高

2、制作滚动插件时,的结构

// width的值为滚动个li的宽度 或者 n个里的宽度

//width: 999999px;

3、高度不一样的文字、图片垂直居中

用拥有vertical-align的属性的标签包裹 ,如i、sub、sub等标签

css的样式:

i {

display:table-cell;

vertical-align:middle;

width: ;

height: ;

}

4、定位的图片居中,知道多个图片的高度h是一样的

img {

display:block;

margin:0 atuo;

position:absolute;

top:50%;

margin-top: h/2;

}

注:方法3也可以处理第四种问题

5、z-index

1. position:static; //z-indent设置是没用

2.position:relative;//z-indent的值大覆盖z-indent的值小

注:条件要在同一个父级下,若不在同一父级下

6、透明opacity和rgba( , , , )的区别

1.apacity——标签透明(考虑兼容性)

2.Rgba()——背景图片、颜色透明

切图网(qietu.com)是首家专门从事web前台开发的公司,专注we前台开发,响应式布局,webapp移动端网页制作,微信html5页面制作,bootstrap布局等,关注客户体验。

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】极客时间-数据分析实战45讲【完结】(2021-09-02 16:26)
【系统环境|windows】字节跳动前台面试题解析:盛最多水的容器(2021-03-20 21:27)
【系统环境|windows】DevOps敏捷60问,肯定有你想理解的问题(2021-03-20 21:27)
【系统环境|windows】字节跳动最爱考的前台面试题:JavaScript 基础(2021-03-20 21:27)
【系统环境|windows】JavaScript 的 switch 条件语句(2021-03-20 21:27)
【系统环境|windows】解决 XML 数据应用实践(2021-03-20 21:26)
【系统环境|windows】20个编写现代CSS代码的建议(2021-03-20 21:26)
【系统环境|windows】《vue 3.0探险记》- 运行报错:Error:To install them, you can run: npm install --save core-js/modules/es.arra...(2021-03-20 21:24)
【系统环境|windows】浅谈前台可视化编辑器的实现(2021-03-20 21:24)
【系统环境|windows】产品经理入门迁移学习指南(2021-03-20 21:23)
血鸟云