前端h5+css

头部区域的元素标签:

<title>, <style>, <meta>, <link>, <script>
<base> 定义页面中所有链接默认的链接目标地址
<meta> 元素来描述HTML文档的描述,关键词,作者,字符集等。
<link> 标签通常用于链接到样式表
<style> 定义样式文件
<script> 定义了客户端的脚本文件
<div> 分块布局
<a href=”” title=””>连接跳转
<img src=””>
<iframe> 一个内联的html
<br> 换行
<hr> 创建水平线
<!–…--> 注释
<b>加粗文本 bold=<strong>
<i>斜体文本 italics=<em>
<sub> 下标
<sup> 上标
<big> 放大
<small> 缩小
<del> 定义删除字
<abbr title=“etcetera”>etc.</abbr> 缩写
<address> 定义地址


图片:

<alt> 属性用来为图像定义一串预备的可替换的文本。
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像

表格:

<table> 表格定义
<tr> 行
<th> 表格的表头
<td> 单元格,数据单元格可以包含文本、图片、列表、段落、表单、水平线
<caption>表格标题
<colgroup> 定义表格列的组
<col> 定义用于表格列的属性
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚

列表:

<ol> 有序列表
<ul> 无序列表
<li> 列表项
<dl> 定义列表
<dt> 自定义列表项目
<dd> 自定列表项的描述

表单:
。。。。。。
<form>表单 属性action请求地址
<input>输入域 属性type name id value
<textarea>一个多行的输入控件
<label>定义了 <input> 元素的标签,一般为输入标题
<button>定义一个点击按钮
<checkbox>多选按钮
<fieldset>一组相关的表单元素,并使用外框包含起来
<legend>定义了 <fieldset> 元素的标题
<select>定义了下拉选项列表
<option>下拉列表中的选项
<optgroup>定义选项组

标签内都可以添加style 属性 title(放在文本上 显示)

CSS:

141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)
三基色 R G B
内联样式- 在HTML元素中使用"style" 属性
<p style=“color:blue;margin-left:20px;”>This is a paragraph.</p>
内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
外部引用 - 使用外部 CSS 文件
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择
最好的方式是通过外部引用CSS文件.
元素 类 ID 选择器(权重) 过滤器 文字 display属性 框

Bootstrap:

栅格 表单 按钮(组) 导航(栏) 面板 表格 其他组件
响应式布局
https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries
https://www.bootcdn.cn/

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值