Web开发-学习随笔
Web开发-学习随笔
Blockchain_KT
xdm,停止更新此博客啦。。。。。。
展开
-
学习随笔——HTML表单——2020.11.12
学习随笔——表单——2020.11.12(一)表单概述1.表单用途:用户注册用户登录信息搜索后台登录2.表单的组成:(表单有三个基本组成部分)表单标签:(form标签,form属性中包含了处理表格数据的URL以及数据提交到服务器的方式)表单域控件:包含了文本框,密码框,隐藏域,多行文本框,复选框,单选框,下拉选择框和文件上传框等表单按钮:包括提交按钮,重置/复选按钮和一般按钮,用于将数据传送到服务器上,还常用表单按钮配合执行javascript脚本3.表单及表单域控件:fo原创 2020-11-12 16:05:42 · 317 阅读 · 0 评论 -
学习随笔——HTML表格——2020.11.12
学习随笔——表格——2020.11.12(一)表格的基本元素table表格标签tr:表格的行(tr是table row(表格行)的缩写td:单元格(td是“table data(表格数据)的缩写数据单元格:包括文本,图片,列表,段落,表单,水平线,表格等等<table>...........表格开始标签 <tr>.....行开始标记 <td></td>单元格标记 </tr>.....行结束标记 <tr> &原创 2020-11-12 09:26:38 · 405 阅读 · 3 评论 -
学习随笔——HTML超链接——2020.11.11
学习随笔——超链接——2020.11.11(一)超链接概述1.概念:HTML使用超级链接与网络上的另一个文档相连超链接可以是一个字,一个词,或者一组词,也可以是一个图像,点击这些内容实现跳转到新的文档或者当前文档的某个部分2.<a>标签定义超链接,是指从一个网页指向一个目标的链接关系,这个目标可以是网页,图片等(一对一关系)3.语法:<a 属性1="属性值" 属性2="属性值">内容</a>(二)超链接属性1.属性:href(设置链接目标地址)原创 2020-11-11 15:04:27 · 183 阅读 · 0 评论 -
学习随笔——HTML列表——2020.11.11
学习随笔——列表——2020.11.11(一)无序列表ul(unordered list)1.定义:无序列表就是列表项没有先后顺序的列表形式li————list item 列表项2.语法:<ul 属性1="属性值" 属性2="属性值"> <li>无序列表项</li></ul>3.属性:type(类型)空心圆:circle黑色方块:square实心圆:disc(默认)li不能单独存在,必须包裹在ul里面反过来说,ul的子元素不能是别原创 2020-11-11 11:53:10 · 134 阅读 · 0 评论 -
学习随笔——CSS雪碧图——2020.11.11
学习随笔——CSS雪碧图——2020.11.10原创 2020-11-11 10:21:43 · 207 阅读 · 2 评论 -
学习随笔——CSS背景样式——2020.11.10
学习随笔——背景样式——2020.11.10(一)背景颜色:background-color:颜色设置背景色颜色名称:例如red颜色16进制数值:例如#FF0000rgb色值:rgb(255,0,0),rgba()transparent:默认背景透明(二)背景图像:background-image:url(图片地址)url():指向背景图片none:无背景图片,默认(三)背景重复方式:background-repeatrepeat:默认,垂直水平重复repeat-x:水平方原创 2020-11-10 20:29:17 · 172 阅读 · 0 评论 -
学习随笔——CSS段落样式——2020.11.10
学习随笔——段落样式——2020.11.10(一)line-height(行高)normal:默认行间距数字:高度,此数字会与当前字体尺寸相乘来设置行间距length:固定行间距%:当前字体尺寸的百分比间距当单行文本的行高等于父容器高度时,可实现单行文本在容器中垂直方向居中对齐的效果(二)text-align(文本水平对齐方式)left:左right:右center:居中(三)letter-spacing(字母间距)normal:默认间距length:固定字母间距(允许使原创 2020-11-10 19:10:09 · 169 阅读 · 2 评论 -
学习随笔——CSS文字样式——2020.11.10
学习随笔——文字样式——2020.11.10(一)字体样式:color字体颜色#FF0000rgb(255,0,0)red(二)字体大小:font-size1em = 16px0.75em = 12pxxx-small = 9pxx-small = 11pxsmall = 13pxmedium = 16pxlarge = 19pxx-large = 23pxxx-large = 27px字体单位:px,em,rem(三)字体库系列:font-familyArial原创 2020-11-10 16:41:52 · 188 阅读 · 0 评论 -
学习随笔——HTML元素嵌套原则——2020.11.10
学习随笔——HTML元素嵌套原则——2020.11.10块元素分级一级元素:body,head二级元素:子一级元素必须是指定元素的二级元素ul,ol:子一级元素必须是lidl:子一级元素必须是dt和ddtable:子一级元素必须是caption,thead,tbody,tfoot,再子一级是tr,最后是td,th完全可以自由嵌套的元素:div,li,dd,form,td三级元素:不可以自由嵌套的元素,该元素内部是能嵌套行内元素 h1-h6,p,dt元素嵌套(重点)总体原则————块元原创 2020-11-10 00:21:13 · 275 阅读 · 0 评论 -
学习随笔——HTML元素分类——2020.11.10
学习随笔——HTML元素分类——2020.11.9根据盒模型的display的值进行分类行内元素(内联元素inline element)特点————和其他元素在同一行显示,文字只支持单行显示设置宽度无效,宽度是元素内文字的实际宽度设置高度无效,元素高度取决于单行文字的高度不支持上下外边距(只支持左右外边距)常用行内元素————span,labelimg,a,brinput,button,select,textareaem,b,strong,i,sup,sub块级元素特点————原创 2020-11-10 00:03:00 · 115 阅读 · 0 评论 -
学习随笔——CSS盒模型属性——2020.11.9
学习随笔——CSS盒模型属性——2020.11.9border属性:border四要素:边框方位,边框样式,边框宽度,边框颜色边框方位:上边框:border-top下边框:border-bottom左边框:border-left右边框:border-right四边框:border边框样式border-style如果没有设置这个属性,所有的边框效果不显示dotted 点状线dashed 虚线solid 实线边框宽度border-widthborder-wodth 像素原创 2020-11-09 20:47:00 · 1012 阅读 · 13 评论 -
学习随笔——CSS盒模型概述——2020.11.9
学习随笔——CSS盒模型概述——2020.11.9CSS盒子模型是网页设计中的一种思想模型一个盒子,它有:边框(border),外边距(margin),内填充(padding),内容(content)四个属性盒子有上下左右四条边,边框有厚度和颜色之分内边距可以理解为盒子里装的东西和边框之间的填充距离外边距就是边框外面,盒子与盒子之间的间距内容就是盒子中间装的东西网页设计中每个HTML元素标签都可以看作一个盒子,CSS定义所有的元素都可以拥有像盒子一样的外形和平面空间,即都包含:边框(bord原创 2020-11-09 19:08:10 · 117 阅读 · 0 评论 -
学习随笔——CSS命名规范——2020.11.9
学习随笔——CSS命名规范——2020.11.9 CSS及HTML定义的基本规则:所有的命名都采用小写,不可以用数字开头属性的值用双引号(" ")括起来,且一定要有值如:class = “font-red”;《h1》到《h6》的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询给每一个表格和表单加上一个唯一的结构标记 idimg都加上 alt属性全部采用英文命名尽量不要创缩写,除非一看就明白的英文缩写 选择器基本命名方法:用于 样式含义,网页结构,页面功能来命名选择器原创 2020-11-09 17:34:20 · 357 阅读 · 2 评论 -
学习随笔——CSS选择器权值——2020.11.9
学习随笔——CSS选择器权值——2020.11.9用4位的数字来表示权重,权重的表达方式:如0,0,0,0内联样式(行内样式)的权重为:1000ID选择符的权重为:0100类(class)选择符的权重为:0010属性选择符的权重为:0010伪类选择符的权重为:0010伪元素选择符的权重为:0010标签选择符的权重为:0001后代选择符的权重为:包含的选择符权重值之和选择器权值越大越优先当权值相等时,后者优先,即后出现的样式表要优于先出现的样式标有**!important**规则的优原创 2020-11-09 16:48:21 · 121 阅读 · 0 评论 -
学习随笔——CSS选择器——2020.11.9
学习随笔——CSS选择器——2020.11.9常用的CSS选择器(CSS2选择器,基本选择器):全局选择器(通配符选择器) *标签选择器(元素选择器)类选择器 .id选择器 #群组选择器 逗号,后代选择器(包含选择器) 空格子选择器 >伪类选择器 冒号:属性选择器 [ ]相邻兄弟选择器 +通用兄弟选择器 -——————————————————————————————————————**全局选择器:**设置所有标签使用同一样式,用*表示*{margin:0原创 2020-11-09 11:43:21 · 252 阅读 · 0 评论 -
学习随笔——CSS样式表——2020.11.9
学习随笔——CSS样式表——2020.11.9CSS用于控制网页外观HTML超文本标记语言 从语义的角度描述页面结构CSS 层叠式样式表 从审美的角度负责页面样式JS JavaScript 从交互的角度描述页面行为CSS的思想就是首先指定对那个“对象”设置样式,设置哪些属性的css,最后给出该属性的“值”,概括来说,css就是由三个基本部分组成的——“对象”,“属性”,和“属性值”对象指定了对哪些HTML元素进行样式的设置,这个“对象”有一个专门的名称——选择器语法结构如下原创 2020-11-09 02:07:02 · 544 阅读 · 2 评论 -
学习随笔——Web前端开发其他基础知识——2020.11.8
学习随笔——Web前端开发其他基础知识——2020.11.8颜色的属性值:十六进制表示法加6位16进制 0-FR(red) G(green) B(blue)#FF0000红色 #00FF00绿色 #0000FF蓝色 #000000黑色 #FFFFFF白色十六进制缩写:#F00红色 #0F0绿色 #00F蓝色 #000黑色 #FFF白色常量表示法:red,green,black,white,orange,yellow,pink,brown,purple,gray,gold原创 2020-11-08 22:22:28 · 247 阅读 · 1 评论 -
学习随笔——HTML基本标签——2020.11.7
学习随笔——HTML基本标签——2020.11.7原创 2020-11-07 21:10:27 · 110 阅读 · 0 评论 -
学习随笔——HTML简介——2020.11.6
学习随笔——HTML简介——2020.11.6**HyperText超文本的含义:**用超链接的方法,将各种不同空间的文件信息组织在一起的网络文件1995年 HTML2.02000年 ISO HTML 基于 HTML4.01语法上,整理改善而成,沿用至今2008年 HTML5正式版2014年 HTML5 (W3C推荐标准)HTML本身并不是一种技术,而只是一种标准HTML5 = HTML4+HTML第五代新特性+CSS3+JavaScriptDoctype的声明和语言编码声明:文档类型声明原创 2020-11-06 09:45:57 · 170 阅读 · 0 评论 -
学习随笔——前端入门知识——2020.11.5
学习随笔——前端入门知识——2020.11.5Web标准可以分为3个方面:结构标准语言(HTML,XHTML,XML),表现标准语言(主要包括CSS)和行为标准(主要包括文档对象模型,浏览器对象模型,ECMAScript)HTML超文本标记语言,用于描述超文本中内容的显示方式XML是一种扩展性标识语言,设计的目的是对HTML的扩充,现在一般用于描述,注释XHTML是基于XML的标识语言,在HTML4.0的基础上,用XML规则对其进行扩展建立起来的,他是HTML向XML的过渡,但HTML5之后被淘汰原创 2020-11-05 22:18:50 · 759 阅读 · 2 评论