HTML+CSS基础_html+css基础对前端重要吗-CSDN博客

本文链接：https://blog.csdn.net/weixin_46578458/article/details/104953438

表格：显示数据
<table></table>
一个table表示一个表格
行 tr
列 td

               表格的属性
                         width 宽度
                         height 高度
                         border  边框
                         bordercolor  边框颜色
                         bgcolor  表格背景色

                         cellspacing   单元格与单元格之间的的距离 
                         cellpadding   单元格与内容之间的距离
                        合并单元格
                         
                           rowspan="合并的个数"  合并行
                           colspan="合并的个数"   和并列   只要跨行就是合并行 不跨行就是和并列  
                                                          都在td中操作


                        align  水平对齐方式
                              left
                              right
                              center
                        valign  垂直对齐方式 
                               top
                               bottom
                               middle

表单
form 标签
<form></form>
用来收集用户信息
form 属性有哪些
action=“路径”
method+“get/post” 方式方法
name 表单的名称

            表单控件     
              input     
                        type 类型
                        value 什么类型对应什么作用
                        name  当前表单的名称
                        maxlength  最大长度
                        size   后面的值显示的是字符（了解）
              <input> 单标记
              <input  type="text"  value="" name="">  文本框
              <input  type="password"  value="" name="">  密码框
              <input  type="submit"  value="" name="">  提交按钮
              <input  type="reset"  value="" name="">   重置按钮
              <input  type="button"  value="" name="">  空按钮    选择 select  选项option  单选 radio  复选 checkbox  默认 checked  禁用 disabled

css基础

                        语法
                        选择器{ 属性：属性值；}
                           1 选择器  声明  
                           2声明包括 属性  属性值
                           3选择器跟声明要用大括号分开
                           4属性和属性值直接用冒号， 属性值后面要加分号
                           5属性与属性直接要用空格隔开

css样式外部样式/内部样式/内联样式/

           外部样式 
               1  <link rel="stylesheet" href="地址">


               2   <style>
                     @import url("")  
                   </style>  
                   1   link 是 html 标签的一种
                       @import 是css 的一种方式
                   2   link 导入的 css文件和html同时加载
                       @import  url导入的先加载html  后加载导入的css文件
                   3   兼容性   link 的兼容性比较好
                   4   js中DOM样式的差别 
                       @import 是无法通过js做动态样式修改



           内部样式
            写在head 描述区
            <style> 
                div{}
            </style>

           内联样式
           <标签 style="属性：属性值；"></标签>

fighting！！！！