首页 > Web开发 > 详细

[前端第四课]HTML样式的使用

时间:2020-04-01 11:21:00      阅读:69      评论:0      收藏:0      [点我收藏+]

 1、HTML样式
    a、标签
        (1)<style>:样式定义
        (2)<link>:资源引用
    b、属性
        (1)rel="stylesheet"外部样式表引用
        (2)type="text/css"引入文档的类型
        (3)margin-left边距
    c、三种插入方法
        (1)外部样式表:<link rel="stylesheet" type="text/css" href="mystyle.css">
        (2)内部样式表:
            <style type="text/css">
            body {background-color : red}
            p {margin-left : 20px}
            </style>
        (3)内联样式表:<p style = "color : red">
    d、关于样式的操作都集中放在head里面
    
 2、HTML链接
    a、链接数据:
        (1)文本链接
        (2)图片链接
    b、属性:
        (1)href属性:指向另一个文档的链接
        (2)name属性:创建文档内的链接
    c、img标签属性:
        (1)alt:替换文本属性
        (2)width:宽
        (3)height:高
    
 3、HTML表格
    a、<table>定义表格
    b、<caption>定义表格标题
    c、<th>定义表格表头
    d、<tr>定义表格的行
    e、<td>定义表格单元
    f、<thead>定义表格页眉
    g、<tbody>定义表格主体
    h、<tfoot>定义表格页脚
    i、<col>定义表格列属性
    j、<ul>定义一个列
    k、<li>定义一列的每一项目
    l、属性:
        (1)border边距
        (2)cellpadding单元格间距
        (3)background插入背景图
        (4)bgcolor背景颜色

技术分享图片

[前端第四课]HTML样式的使用

原文:https://www.cnblogs.com/XiaoHongLactasoy/p/12610047.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!