欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

常用标签与样式

发布时间:2024/1/1 编程问答 26 豆豆
生活随笔 收集整理的这篇文章主要介绍了 常用标签与样式 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

常用标签

块属性:div标签:无意义 用来布局和划分区域

               p标签:段落

               h1-h6:标题标签  注意h1标签只有一个

               ul>li:无序列表

               ol>li:有序列表

块属性标签特点:上下排列 独占一行  可以设置宽高  不设置情况下宽度自动撑满父容器 高度由内容撑开

行属性:span标签:放置文字

              a标签:超链接---href属性:链接地址  1.可以是网络地址也可以是本地地址

                                                                          2.空 点击刷新页面

                                                                          3.#  返回顶部

                                                                         4.###无效链接

行属性标签特点:不支持上下的margin和padding  不支持设置宽高  左右排列

行块属性:img标签:图片 src:图片路径  alt:图片加载失败显示内容  title:鼠标移入提示信息

行块属性标签特点:既可以设置宽高又可以排成一行

所有标签都有title属性

行属性标签不要嵌套块属性标签

常用样式

width:宽度

height:高度

color:字体颜色

font-size:字体大小(默认16px  最小支持8px)

font-weight:字体粗细(默认400  取值范围100-900)

opacity:透明度 (取值范围0-1)

background-color:背景颜色

background-image::背景图片url(图片路径)

background-repeat:背景是否重复(默认重复)

background-position:背景图片位置

background-size:背景图片大小

                      

总结

以上是生活随笔为你收集整理的常用标签与样式的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。