html&css
html&css学习记录
亡月之莹
生命的目的,并不是为了存在,而是为了燃烧。燃烧才会有光亮,哪怕只有一瞬的光亮也好。
展开
-
html&css学习 -表单
form表单中的全部信息必须包含在form中常用属性:action 利用表单将数据输入,点击提交的时候讲其生成sql语句【这些操作所在问文件就是action中的内容】method提交数据时使用的方法– get(以明文的方式提交,把数据放在网址url后),一般来说只适用于查询,只限于提交很少的数据–post(把要提交的数据封装在html头部的包中,安全性高),注册,登陆,曾删比较重要的...原创 2019-10-13 15:31:51 · 113 阅读 · 0 评论 -
html&css学习 - 简单布局
实现一个简单网页的简单布局,效果图如下代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*清除默认样式*/ *{ margi...原创 2019-10-03 16:23:07 · 189 阅读 · 0 评论 -
html&css学习 14
浮动块元素在文档流中默认垂直排列,所以这个三个div自上至下依次排开,如果希望块元素在页面中水平排列,可以使块元素脱离文档流使用float来使元素浮动,从而脱离文档流可选值:none,默认值,元素默认在文档流中排列left,元素会立即脱离文档流,向页面的左侧浮动right,元素会立即脱离文档流,向页面的右侧浮动当为一个元素设置浮动以后(float属性是一个非none的值),元素会立...原创 2019-10-03 16:19:51 · 75 阅读 · 0 评论 -
html&css学习 13
display通过display样式可以修改元素的类型可选值:inline :可以将一个元素作为内联元素显示block :可以将一个元素设置为块元素显示inline-block:将一个元素转换为行内块元素行内块:可以使一个元素既有行内元素的特点又有块元素的特点(即可以设置宽高又不会独占一行,比如:img标签)none:不显示元素,并且元素不会再页面中继续占有位置使用 displa...原创 2019-10-03 15:23:42 · 90 阅读 · 0 评论 -
html&css 学习-<table>
表格的基本结构html表格的标记table:表格的最外层标记tr:行(每出现一对tr表示一行)td:表格中的一个单元格,td之间的内容就是单元格的内容th:和td一样都是单元格,但是th中的内容默认将居中并以粗体显示,经常用于表头的单元格caption:表各的标题,它中间的内容会居中显示在表格上方(caption必须直接放在table标记之后,每个表格只能设置一个标题) <...原创 2019-09-30 16:07:58 · 210 阅读 · 0 评论 -
html&css学习 12
(浏览器的)默认样式为html中的元素设置背景颜色(不加其它任何样式)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...原创 2019-09-29 15:59:03 · 106 阅读 · 0 评论 -
html&css学习 11
盒子模型盒子模型也叫框模型,box model盒子:css在处理网页时,它认为每个元素都包含在一个不可见的盒子里。为什么要想象成盒子呢?因为如果把所有的元素都想象成盒子,那么我们对网页的布局就相当于是摆放盒子。我们只需要将相应的盒子摆放到网页中相对于的位置即可完成网页的布局。盒子模型:一个盒子我们会分成几个部分:- 内容区(content)- 内边距(padding)- 边框(...原创 2019-09-28 23:17:13 · 64 阅读 · 0 评论 -
html&css学习 10
字体(一)设置字体颜色:使用color来设置文字的颜色设置文字的大小,浏览器中一般默认的文字大小都是16pxfont-size设置的并不是文字本身的大小,在页面中,每个文章都是处在一个看不见的框中的,我们设置的font-size实际上是设置格的高度,并不是字体的的大小,一般情况下文字都要比这个格要小一些,也有时会比较大,根据字体的不同,显示效果也不同通过font-family可以指定文...原创 2019-09-26 21:23:48 · 338 阅读 · 0 评论 -
html&css学习 9
颜色单位在CSS中可以直接使用颜色单词来表示不同的颜色红色:red绿色:green蓝色:blue也可以使用RGB值来表示不同的颜色,所谓的RGB值指的是Red Green Blue三元色(光的三元色),通过这三种颜色的不同的浓度来表示出不同的颜色例子:rgb(红色的浓度,绿色的浓度,蓝色的浓度)颜色的浓度需要一个0到255之间的值,255表示最大,0表示没有,浓度也可以采用一个百分...原创 2019-09-26 21:03:34 · 57 阅读 · 0 评论 -
html&css学习 8
文本标签<em>和<strong>em标签用于表示一段内容中的着重点,strong标签用于表示一个内容的重要性这两个标签可以单独使用,也可以一起使用这两个标签都表示一个强调的内容,em主要表示语气上的强调,在浏览器上用斜体显示strong表示强调的内容,比em更强烈,默认使用粗体显示<a>和<b>i标签中的内容会以斜体显示,b标签中的内容...原创 2019-09-26 18:08:35 · 131 阅读 · 0 评论 -
html&css学习 7
样式的继承像儿子可以继承父亲的遗产一样,在CSS中,祖先元素上的样式,也会被它的后代元素所继承,利用继承可以将一些基本的样式设置给祖先元素,这样所有的后代元素将会自动继承这些样式,但是并不是所有的样式都给会被子元素所继承【比如:背景相关的样式,边框相关的元素,定位相关的元素都不会被继承】<!DOCTYPE html><html> <head> <...原创 2019-09-26 17:37:17 · 78 阅读 · 0 评论 -
html&css学习 6
子元素的伪类子元素选择器:div > p{}其它子元素选择器::first-child 选择第一个子标签:last-child 选择最后一个子标签:nth-child 选择指定位置的子元素:first-of-type :last-of-type :nth-of-type 选择指定类型的子元素:first-child可以选中第一个 子 元素:last-child可以选中最后...原创 2019-09-26 17:10:04 · 80 阅读 · 0 评论 -
html&css学习 5
伪类选择器伪类专门用来表示元素的一种特殊的状态比如:访问过的链接,普通超链接,获取焦点的文本框,当我们需要为处在这些特殊状态的元素设置样式时就可以使用伪类给链接定义样式:有四个伪类可以让你根据访问者与该链接的交互方式,将连接设置成4种不同的状态正常链接:a:link访问过的链接:a:visited(只能定义字体颜色)鼠标划过的链接:a:hover正在点击的链接:a:...原创 2019-09-26 16:45:32 · 89 阅读 · 0 评论 -
html&css学习 4
常用选择器元素选择器作用:通过元素选择器可以选择页面中的所有指定元素语法:标签名{}p{ color:red;}h1{color:red;}id选择器通过元素的id属性值选中唯一的一个元素语法:#id属性值{}#p1{ color:blue;}类选择器通过元素的class属性值选中一组元素语法:.class属性值{}.p2{ color:...原创 2019-09-26 13:24:09 · 104 阅读 · 0 评论 -
html&css学习 3
css简介表现:我们直接能看见的【字体的大小,样式,背景图片,颜色……外在的】<!doctype html><html> <head> <meta charset="utf-8"> <title>CSS</title> <!-- 也可以将CSS标签编写到head中的style标签里 将样...原创 2019-09-26 13:00:10 · 85 阅读 · 0 评论 -
html&css学习 2
内联框架使用内联框架可以引入一个外部页面使用iframe来创建一个内联框架属性:src:指向一个外部页面,可以使用相对路劲width:宽度height:高度name:可以为内联框架指定一个name属性在现实开发中不推荐使用内联框架,因为内联框架中的内容不会被收索引擎所检索<!doctype html><html> <head> &l...原创 2019-09-26 00:18:35 · 109 阅读 · 0 评论 -
html&css学习1
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-09-25 23:26:53 · 140 阅读 · 0 评论