当前位置:首页 > 公司简介 > 正文

好看的个人网页设计布局

  CSS -->display 属性

  预览结果:

CSS -->margin 属性

  预览结果:

居中显示 -->设置

  预览结果:

CSS -->padding 属性

  预览结果:

CSS -->text-align 属性

  预览结果:

CSS -->posintion 属性

position:absolute 绝对定位

position:fixed 固定位置

position:inherit 继续父元素的位置

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」

相关文章:

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。