前端基础知识1

HTML

1.标题标签:h1-h6

2.段落标签:p

3.内联元素,行内元素:inline 排列在一行,宽度0;内容宽撑开宽度,默认有高度。不支持宽高调整。

4.块元素:block 独占一行 默认没有高度,高度内容高来撑开,支持宽高调整。

5.内联块元素:inline-block img:可以调整宽高,不独占一行

6.相对路径 绝对路径

7.超链接:a

Ⅰ跳转,交互:<a href="url?参数名=参数值&参数名=参数值"></a>

Ⅱ执行js代码段:<a href="javascript:js代码段"></a>

Ⅲ发送邮件:<a href="mailto:邮箱url"></a>

Ⅳ锚点链接:定义锚点: <a name="值"></a><a id="值"></a>定位锚点: <a href="#值"></a> <a href="url#值"></a>

8.有序列表:ul>li 无序列表 ol>li 自定义列表 dl>dd

9.emment: * > + [] {} . #

10.表格 table>tr>td

11.属性:

width:宽度

height:高度

border:边框

background:背景颜色

align:水平对齐

cellspacing:内间距

cellpadding:内边距

12.单元格合并:

colspan="number"(列合并)

rowspan="number"(跨行列合并)     

13.

表单:
 <form></form>
 action:url地址
 提交方式:
 method:get | post

 默认值:文本字符串
 enctype="application/x-www-form-urlencoded"
 
 *************************
 表单出现了 file 浏览框(文件上传)
 enctype="multipart/form-data"
 post提交 
 
 表单控件、表单元素:
 <input type="text|password|radio|checkbox|file|email|submit|reset|image...">
 <select>
   <option>...</option>
 </select>
 
 <textarea>
 
 </textarea>
<button type="submit|reset|button"></button>
 

css

css :级联样式表、层叠样式表、样式表
css3.0
作用:修饰html元素;代替了html内置属性,
css样式属性具备通用性。
结构代码与表现层进行分离,
维护、二次开发更简单。
更有利于seo优化。

书写位置:
1、头部css样式(初学推荐)
<head>
   <style>
      选择器{
          css样式属性;
      }
   </style>
</head>
2、外链css样式(开发标准)
  新建 .css
  <link rel = "stylesheet" href="url" />
3、内联样式、行内样式(调试样式)
   <标签 style="css样式"></标签>
   
语法:
 *****选择器是核心******
选择器:帮助获取要修饰html元素
提供四个基本选择器:

统配选择器:匹配页面的所有元素
* { 
    color:red;
}
标记选择器:
标签名 {
    
}
a { 
    
}
p{
    
}

类选择器{
    
}

id选择器{
    
    
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值