千锋day3

知识点
一、表格的作用
显示数据!

每一个表格都是一个table
行   tr
列   td

二、表格的html属性
width 宽
height 高
border 边框
bordercolor 边框颜色

    cellspacing=""   相邻单元格边框间的间距
    cellpadding=""   内容距离边框之间的间距

    align=""   水平对齐方式
        属性值:
            left   center   right

    valign=""  垂直对齐方式
        属性值:
            top   bottom   middle

三、合并单元格
只要跨行的都是合并行、不跨行的都是合并列!

        合并行的属性: rowspan="合并的单元格数量"
        合并列的属性: colspan="合并的单元格数量"

        注:无论合并行、还是合并列 操作的都是td  !!
        
        有合并行又有合并列
        注:先合并列、再合并行!

四、表单
作用:收集用户信息

表单标签:(表单域)
    <form></form>
        属性:
            action="url(路径)"     表单提交的路径
            method="get/post"      数据的传输方式
            name="表单的名称"

五、表单控件
标签input
属性:
type="" 指定input生成的类型(输入框、提交按钮、空按钮。。。)
value="" 根据type类型的不同,作用也是不一样的。
maxlength="" 输入字符的最大长度
name="" 当前表单元素的名称
size="" 以字符为单位的,控制表单元素的大小(了解)

 文本框(输入框):
   <input type="text">

密码框:
    <input type="password">

提交按钮
    <input type="submit">

重置按钮(使当前表单恢复到初始状态)
    <input type="reset">

空按钮:      <input type="button">

六、css
css:
作用:渲染网页的

css:  层叠样式表
    最新的版本 : css3.0(在之前的基础上增加了一些内容)

为什么要用css?
    相比html操作元素的样式更加的便利,功能性更强。
    有利于维护。(结构和表现得离)

七、css语法
选择符{属性:属性值;}

    eg:   div{width:300px;}


    css语法说明:
        1:选择符选择的是html标签
        2:所有的css声明都要放在大括号里面
        3:css声明 包括  属性 和 属性值
        4:css的属性和属性值 使用冒号进行连接
        5:每条声明的后面用分号结尾。
        6:如果一个属性有多个属性值的时候,属性值和属性值之间用空格隔开。

注:所有的css代码 都要放在css样式表里面!!

八、css样式表
css样式表:内部样式表\外部样式表\内联样式表

1:内部样式表:
    <style type="text/css">
        css内部样式表
    </style>

    注:内部样式表,尽量放在head描述区里面。


2:外部样式表
    创建一个后缀名为.css的文件。

    外部样式表的导入:

        第一种方法:
            <link rel="stylesheet" href="css样式表的url">
                href=""             连接路径
                rel="stylesheet"    建立关联性!

        第二种方法:
            <style>
                @import url("");
            </style>

3: 内联样式表(行间样式、行内样式):
    
    <标签 style="内联样式"></标签>

九、link 和 @import 区别

1:本质区别:
link 属于html一个标签。
@import 属于css提供的一个方法。

2:加载顺序:
link导入的css 和 html结构 同时加载。
@import 先加载结构 后加载样式。

3:兼容性的差别:
link兼容性更好一些。

4:js操作DOM样式的差别。
@import导入的css是无法通过js做动态样式的修改。

1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 、4下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合;、下载 4使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合;、 4下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值