网站建设资讯

NEWS

网站建设资讯

CSS标签有哪些及怎么用

这篇文章主要介绍了CSS标签有哪些及怎么用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇CSS标签有哪些及怎么用文章都会有所收获,下面我们一起来看看吧。

奈曼ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!

1,无序列表

ul-li是没有前后顺序的信息列表。

语法:

  • 信息
  • 信息
  • ......

举例:

  • 精彩少年
  • 美丽突然出现
  • 触动心灵的旋律

ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点

2,有序列表

语法:

  1. 信息
  2. 信息
  3. ......

举例:

下面是一个热点课程下载排行榜:

  1. 前端开发面试心法
  2. 零基础学习html
  3. JavaScript全攻略

    在网页中显示的默认样式一般为:每项
  1. 前都自带一个序号,序号默认从1开

    容器标签

    在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个

    标签中,这个
    标签的作用就相当于一个容器。

    语法:

    确定逻辑部分:

    什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。如下图所示:图中用红色边框标出的部分就是一个逻辑部分,就可以使用

    标签作为容器

    注释:

    是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。

    创建表格的五个元素:

    table、tbody、tr、th、td

    1、

    :整个表格以标记开始、
    标记结束。

    2、…:当表格内容非常多时,表格会下载一点显示一点,但如果加上标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。(这个标签基本上不怎么用了)

    3、…:表格的一行,所以有几对tr 表格就有几行。

    4、…:表格的一个单元格,一行中包含几对...,说明一行中就有几列。

    5、…:表格的头部的一个单元格,表格表头。

    6、表格中列的个数,取决于一行中数据单元格的个数。

    表格还是需要添加一些标签进行优化,可以添加标题和摘要

    1,使用标签,链接到别一个页面

    使用标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。

    语法:

    链接显示的文本

    例如:

    click here!

    上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。

    认识标签,为网页插入图片

    在网页的制作中为使网页炫丽美观,肯定是缺少不了图片,可以使用标签来插入图片。

    语法:

    下载失败时的替换文本

    举例:

    My Image

    讲解:

    1、src:标识图像的位置;

    2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;

    3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);

    4、图像可以是GIF,PNG,JPEG格式的图像文件。

    关于“CSS标签有哪些及怎么用”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“CSS标签有哪些及怎么用”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。


    新闻名称:CSS标签有哪些及怎么用
    浏览路径:http://cdweb.net/article/piohsj.html
    2012年到2013年库存记录