html5横向排列(html div横向排列)

  CSS -->display 属性

  预览结果:

CSS -->margin 属性

  预览结果:

居中显示 -->设置

  预览结果:

CSS -->padding 属性

  预览结果:

CSS -->text-align 属性

  预览结果:

CSS -->posintion 属性

position:absolute 绝对定位

position:fixed 固定位置

position:inherit 继续父元素的位置

html5横向排列(html div横向排列)

position:relative 相对位置

position:static 默认值 正常的布局从上到下 从左到右布局

  预览结果:

CSS -->列表标签

  预览结果:

CSS -->list-style 属性

list-style-image: 修改列表前的符号图片

list-style-position 修改图片的位置

list-style-type 修改图片的形状

  注意:此处ul:hover{...}为伪类:鼠标移动到此处上后要改变的css样式

  预览结果:

CSS -->制作简单的导航菜单

  预览结果:

  至此,常用的一些属性标签都罗列了,【html5 css3 标签 属性 可不止这些】,若要学习 练习 掌握大家可自行到相关网站学习,介绍几个网站:

  https://www.w3cschool.com.cn

  https://www.runoob.com/

  初入IT世界的小白,欢迎大神留言交流,你的互动,是我成长的动力;

  如果觉得分享内容还不错,就多多留下评论,让更多人一起交流和分享;

  笔者:垒码大叔「AWEI」

1、本网站名称:源码村资源网
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » html5横向排列(html div横向排列)

1 评论

您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论