html+css
html+css基础知识
钦拆大仁
这个作者很懒,什么都没留下…
展开
-
H5学习笔记(十三)表单
表单现实生活中的表单是用来提交信息的,比如:办理银行卡填写的申请表、找工作填写的简历、入学时填写的个人信息表。这些都是表单的一种网页中的表单是用来向服务器提交信息的,我们最常用到的表单就是baidu的搜索框在搜索框填入关键字后,点击搜索按钮,关键字会提交到baidu的服务器,服务器根据用户输入的关键字进行检索,返回相应信息表单可以将用户填写的信息提交的服务器表单的标签使用form标签创建一个表单form标签中必须指定一个action属性,该属性指向的是一个服务器的地址,当我们提交表单.原创 2020-05-12 16:37:36 · 204 阅读 · 0 评论 -
H5学习笔记(十二)表格
表格在Web的历史中,HTML的表格发挥了极大的作用。最初创建表格就是为了以表格的形式显示数据,后来表格 变成了一个极受欢迎的布局工具。但是有了CSS以后,CSS在布局网页方面实际上会更出色,所以现在我们使用表格的作用只有一个,就是用来 表示格式化的数据。HTML中的表格可以很复杂,但是通常情况下我们不需 要创建过于复杂的表格。table、tr、th、td使用table标签创建一个表格。• tr表示表格中的一行。• tr中可以编写一个或多个th或td。• th表示表头。简单的表格.原创 2020-05-09 16:22:29 · 288 阅读 · 0 评论 -
H5学习笔记(十一)背景 雪碧图
透明背景opacity可以用来设置元素背景的透明,它需要一个0-1之间的值 0 表示完全透明 1 表示完全不透明 0.5 表示半透明opacity属性在IE8及以下的浏览器中不支持,IE8及以下的浏览器需要使用如下属性代替,这种方式支持IE6alpha(opacity=透明度),透明度,需要一个0-100之间的值 0 表示完全透明 100 表示完全不透明 50 半透明...原创 2020-02-28 12:39:52 · 334 阅读 · 0 评论 -
H5学习笔记(十)定位
定位定位指的就是将指定的元素摆放到页面的任意位置通过定位可以任意的摆放元素通过position属性来设置元素的定位可选值static:默认值,元素没有开启定位relative:开启元素的相对定位absolute:开启元素的绝对定位fixed:开启元素的固定定位(也是绝对定位的一种)相对定位当元素的position属性设置为relative时,则开启了元素的相对定...原创 2020-02-28 10:57:17 · 237 阅读 · 0 评论 -
H5学习笔记(九)高度塌陷问题
高度塌陷问题在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高。但是当为子元素设置浮动以后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷。由于父元素的高度塌陷了,则父元素下的所有元素都会向上移动,这样将会导致页面布局混乱。所以在开发中一定要避免出现高度塌陷的问题,我们可以将父元素的高度写死,以避免塌陷的问题出现,但是一旦高度写死...原创 2020-02-09 15:15:49 · 476 阅读 · 0 评论 -
H5学习笔记(八)文档流
文档流文档流文档流处在网页的最底层,它表示的是一个页面中的位置,我们所创建的元素默认都处在文档流中。元素在文档流中的特点 块元素 1.块元素在文档流中会独占一行,块元素会自上向下排列。 2.块元素在文档流中默认宽度是父元素的100% 3.块元...原创 2020-02-09 15:03:16 · 240 阅读 · 0 评论 -
H5学习笔记(七)盒子模型
盒子CSS处理网页时,它认为每个元素都包含在一个不可见的盒子里。为什么要想象成盒子呢?因为如果把所有的元素都想象成盒子,那么我们对网页的布局就相当于是摆放盒子。我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局。盒子模型包括几个部分:– 内容区(content)– 内边距(padding)– 边框(border)– 外边距(margin)内容区内容区指的是盒子...原创 2020-02-09 14:34:18 · 511 阅读 · 0 评论 -
H5学习笔记(六)文本格式化
单位px– 如果我们将一个图片放大的话,我们会发现一个图片是有一个一个的小色块构成的,这一个小色块就是一个像素,也就是1px,对于不同的显示器来说一个像素的大小是不同的。百分比– 也可以使用一个百分数来表示一个大小,百分比是相对于父元素来说的,如果父元素使用的大小是16px, 则100%就是16px,200%就是32px。em– em和百分比类似,也是相对于父元素说的,1em就相当于1...原创 2020-02-09 14:08:40 · 292 阅读 · 0 评论 -
H5学习笔记(五)文本标签
<em>和<strong>em标签用于表示一段内容中的着重点。strong标签用于表示一个内容的重要性。这两个标签可以单独使用,也可以一起使用。<p><strong>警告:任何情况下不要接近僵尸。</strong>他们只是 <em>看起来</em> 很友好,实际上他们是为了吃你的胳膊!</p&...原创 2020-02-09 13:46:37 · 355 阅读 · 0 评论 -
H5学习笔记(四)CSS选择器
后代选择器HTML结构标签之间的关系祖先元素– 直接或间接包含后代元素的元素。后代元素– 直接或间接被祖先元素包含的元素。父元素– 直接包含子元素的元素。子元素– 直接被父元素包含的元素。兄弟元素– 拥有相同父元素的元素。后代选择器可以根据标签的关系,为处在元素内部的代元素设置样式。语法:祖先元素 后代元素 后代元素 { }属性选择器<style ...原创 2020-02-09 13:23:38 · 131 阅读 · 0 评论 -
H5学习笔记(三)CSS简介以及常用选择器
CSS简介层叠样式表 (Cascading Style Sheets) css可以用来为网页创建样式表,通过样式表可以对网页进行装饰。所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的。而css就可以分别为网页的各个层次设置样式。基本语法CSS的样式表由一个一个的样式构成,一个样式又由选择器和声明块构成。语法:选择器 {样式名:样式值;样式名:样式值 ; }...原创 2020-02-09 12:54:56 · 119 阅读 · 0 评论 -
H5学习笔记(二)html常用标签
<meta>标签作用:<meta> 标签可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。meta的用法• 设置页面的字符集– <meta charset="utf-8">• 设置网页的描述– <...原创 2020-02-09 12:42:19 · 182 阅读 · 0 评论 -
H5学习笔记(一)html简介
HTML简介HTML(Hypertext Markup Language)超文本标记语言。负责网页的三个要素之中的结构。HTML使用标签的的形式来标识网页中的不同组成部分。所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面。最简单的html页面<!DOCTYPE html><html><head><meta char...原创 2020-02-09 11:47:19 · 109 阅读 · 0 评论