2021-06-01

bootstrap所学与HTML, CSS自学总结

bootstrap与HTML,css的关系:

Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的web开发软件 。

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

css是外部样式表,把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题。

HTML:

1.<a href="http://www.w3school.com.cn">This is a link</a>
2.HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
3.HTML 图像是通过 <img> 标签进行定义的。<img src="w3school.jpg" width="104" height="142" /> 
4.定义颜色

 5.<a href="#home">首页</a> 为跳转点    <section id="home">为位置

6.表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

7.无序列表始于 <ul> 标签。每个列表项始于 <li>。

8.HTML <span> 元素是内联元素,可用作文本的容器。

9.id 属性指定 HTML 元素的唯一 ID。 id 属性的值在 HTML 文档中必须是唯一的。id 的语法是:写一个井号 (#),后跟一个 id 名称。然后,在花括号 {} 中定义 CSS 属性。(Class 与 ID 的差异 :同一个类名可以由多个 HTML 元素使用,而一个 id 名称只能由页面中的一个 HTML 元素使用)

10.<iframe src="????" width="200" height="200"></iframe>页面内显示网页。

11.绝对文件路径 绝对文件路径是指向一个因特网文件的完整 URL  相对路径  相对路径指向了相对于当前页面的文件。

12.<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。

以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 

13.<link> 标签最常用于连接样式表:<link rel="stylesheet" type="text/css" href="mystyle.css" />

14.<meta http-equiv="X-UA-Compatible" content="IE=edge"> 兼容的浏览器
    <meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no"> 移动设备

15.<nav>定义导航链接。

CSS:

1.CSS声明总是以分号;结束,声明总以大括号({})括起来

2.CSS 属性定义背景效果:background-color   background-image

3.text-align:center文本居中,color:#00ff00定义颜色,text-decoration:none 清除下划线,text-indent:50px;文本缩进。

4.font-family定义字体。

5.{ width: 300px; border: 25px solid green; padding: 25px; margin: 25px; } 设置宽度,内外边距,边框大小

6.margin-top:100px; margin-bottom:100px; margin-right:50px; margin-left:50px;定义外边距的上下左右(

  • margin:25px 50px 75px 100px;
    • 上边距为25px
    • 右边距为50px
    • 下边距为75px
    • 左边距为100px
  • margin:25px 50px 75px;
    • 上边距为25px
    • 左右边距为50px
    • 下边距为75px
  • margin:25px 50px;
    • 上下边距为25px
    • 左右边距为50px
  • margin:25px;
    • 所有的4个边距都是25px

7.height定义高度,line-height定义行高,width定义宽度。

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值