前端学习
文章平均质量分 58
nsq_ai
这个作者很懒,什么都没留下…
展开
-
程序员之七夕表白 (三) 玫瑰花
前言今天七夕,程序开始用自己独有的视野表达爱意技术栈:HTML + JavaScript代码<!DOCTYPE html><html><head><title>rose</title><meta charset="utf-8"></head><body><p style="text-align: center;"><canvas id="c" height="500" w转载 2021-08-14 15:28:32 · 326 阅读 · 0 评论 -
程序员之七夕表白 (二)心形
前言今天七夕,程序开始用自己独有的视野表达爱意技术栈:HTML + CSShtml代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title> </title> <link rel="stylesheet" type="text/css" href="two.css">原创 2021-08-14 15:01:53 · 141 阅读 · 0 评论 -
程序员之七夕表白(一)你喜欢我吗
前言今天七夕,程序开始用自己独有的视野表达爱意技术栈HTML + JavaScript原创 2021-08-14 13:55:35 · 242 阅读 · 1 评论 -
前端学习技术线路图
前言整理一下前端学习路径。developer-roadmap 是外国某大佬整理出来的学习步骤和导图。前端学习导图原创 2021-06-26 17:09:25 · 111 阅读 · 0 评论 -
HTML 5 新标签
前言代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <header> toubu </header> <nav>daohan原创 2021-06-25 13:01:20 · 69 阅读 · 0 评论 -
CSS之 盒子模型的组成
前言总结盒子模型宽高边框内边距:内容和边框的距离外边距:盒子和盒子之间的距离原创 2021-06-25 10:52:54 · 128 阅读 · 0 评论 -
CSS之 边框属性
前言1. 页面展示2. 程序3. 总结border:1px solid red; 粗细 实线 颜色虚线:dashed以上设置是四个方向相同如果想单独设置某个方向只需要:border-left (right , top, bottom)注意:边框属性只有实线和虚线是没有兼容性问题的,其他方式的线都会有不同程度的兼容性问题,,如果程序员使用了,一定要报错...原创 2021-06-25 10:32:06 · 139 阅读 · 0 评论 -
CSS之行高属性
前言行高一行文字的结束到上一行文字结束的间距:line-height页面展示程序<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> p{width: 200px;height: 400px;backgr原创 2021-06-25 08:01:22 · 335 阅读 · 0 评论 -
CSS 之 高级权重对比
前言CSS 内嵌式和外链式符合选择器权重总结引入方式对比外链和内嵌权重相同,先写的会被后写的覆盖内嵌权重最大,如果想覆盖他,只能给样式中添加!important 来把权重提高复合选择器权重id 认为是100斤,class 认为是10斤, 标签认为是1斤综合起来大的权重高,如果权重一样,先写的会被后写的覆盖...原创 2021-06-24 16:24:51 · 118 阅读 · 0 评论 -
CSS 之文字控制常用属性
前言文字粗细 font-weight正常的 normal加粗 bold文字倾斜 font-style正常的 normal倾斜 italic文字修饰属性 text-decoration下划线 underline顶划线 overline贯穿线/删除线 line-through无 none强制字母换行 word-break;break-all首行缩进 text-indent...原创 2021-06-24 15:57:01 · 235 阅读 · 0 评论 -
CSS 之 标签指定式
前言标签指定式(指定标签式)div.类名标签和类名之间没有空格原创 2021-06-24 14:13:51 · 238 阅读 · 0 评论 -
CSS 之 后代、并列选择器
前言复合选择器(后代选择器)规律:一个空格表示后代关系总结后代选择器div span 用空格来连接,代表的意思是找到后代元素后代可以是儿子,儿子的儿子并集、并列选择器div ,span,h1, .span1,#span2用逗号连接选择器,代表这些元素同时被选中...原创 2021-06-24 14:09:45 · 1588 阅读 · 0 评论 -
CSS 之基础选择器
前言对文字修改的基础选择器参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程代码页面展示总结id > class > 标签原创 2021-06-24 11:17:36 · 74 阅读 · 0 评论 -
CSS 之 引入方式
前言CSS引入方式行内式书写在开始标签身上的style 属性例如<div style="color:red; background:pink; height:50px;"> 我是行内式</div>注意:行内式没有实现结构和样式分离内嵌式注意,内嵌式是结构和样式半分离 (电商首页用,优化加载速度)外链式...原创 2021-06-24 08:02:38 · 208 阅读 · 0 评论 -
CSS之 Google字体颜色样例
前言简单了解CSS的内容参考链接参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{font-size: 100px;}原创 2021-06-24 07:33:31 · 1103 阅读 · 0 评论 -
CSS 之id和class 选择器
前言简单了解CSS的内容今晚可完善参考链接参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程代码id<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #ha1{color: red;原创 2021-06-24 07:20:46 · 122 阅读 · 0 评论 -
CSS 之实体化和标签选择器
前言原创 2021-06-23 23:06:07 · 168 阅读 · 0 评论 -
CSS 之基础语法学习
前言简单了解CSS的内容参考链接参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程1.CSS简介层叠样式表、样式表、jilianyangshibiaocss 基本语法代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style>原创 2021-06-23 23:03:29 · 110 阅读 · 0 评论 -
HTML5入门 之 页面表单
前言总结提交按钮: type=“submit” ,必须设置value 属性,否则浏览器之间有兼容问题重置按钮: type=“reset"必须设置value 属性,否则浏览器之间有兼容问题恢复刷新后的默认状态按钮: type=“button” 或 <button> </button> 都可以用户体验细节:刷新后想让第一个输入框默认选中状态,给输入框设置autofocus=“autofocus” 属性...转载 2021-06-23 18:55:57 · 237 阅读 · 0 评论 -
HTML5入门 之 文本域和多选框(复选框)
前言1.写入代码片段2.页面展示3.总结textarea 标签用来设置多行文本(文本域)不能使用col,rows 来设置宽高,用witdth, height 来设置,他也可以用 placeholder 来设置默认文字type=“checkbox”使用方法和细节与单选框一致...原创 2021-06-23 18:41:53 · 1204 阅读 · 0 评论 -
HTML5入门 之下拉菜单
总结select 和 option 的组合如果想设置多组下拉菜单,需要添加一个optgroup 标签,并设置为label 属性作为提示文字如果想设置默认选中状态,需要给对应的option 添加selected 属性,原创 2021-06-23 14:08:31 · 5038 阅读 · 0 评论 -
HTML5入门 之 单选按钮
前言在上一表单程序中继续添加单选按钮操作未完善,预计今晚解决1.写入程序<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- --> <form action="" metho原创 2021-06-23 13:00:46 · 6136 阅读 · 1 评论 -
HTML5入门 之 表单
前言表单介绍未完善,预计今晚解决参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程1. HTML 表单表单和表格是完全不同的两种元素,表单专门处理根后台有关系的一些工作的一个标签表单的作用因为前台往往会和后台发生一些数据的交换和传输。比如传递用户名和密码,所以现在就需要有一个标签能完成传递数据的功能,他就是表单<form> </form> 注意:这个东西是一个容器,他表示内部的所有东西都会被提交给服务器表单是一个大的章节,它包含一系列的东西原创 2021-06-23 10:48:26 · 100 阅读 · 0 评论 -
HTML5 入门 超链接
前言图片超链接到其他地方参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程1. HTML 超链接作为网页重要的组成部分超链接,实际上用的是一个标签完成的超链接的文字颜色默认是蓝的有下划线,他有一个原则性属性—链接地址href,这个属性如果不指定插连接毫无意义。知识点有的时候超链接在最后才知道要链接到哪个位置,所以一开始的时候会用一个假链接或者空连接地址代替,那么方法就在href的值中填写一个#号2.新建href.html文件<!DOCTYPE html>原创 2021-06-23 07:51:09 · 239 阅读 · 0 评论 -
HTML5 入门 之 路径
前言路径: 相对路径和绝对路径参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程1. 新建route.html文件,写入代码<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title> </title> </head> <body> <!-- 同级原创 2021-06-23 07:18:07 · 181 阅读 · 0 评论 -
HTML5 入门 之 img标签
前言网页显示图片信息参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程1.HTML属性html 当中的属性是以一种键值对的形式出现的,他有自己的书写格式。属性名称=“值”,值必需写在双引号内,名称和值之间用等号连接,意思是给属性设置相应的值。k=“v”2. img 标签img 插入图片,图像占位符,它像文字一样会占有自己的空间插入的图片就是特殊的文字例子的格式:3. 新建img.html文件,写入代码<!DOCTYPE html><htm原创 2021-06-22 23:12:00 · 932 阅读 · 1 评论 -
HTML5 入门 之b u i 标签
前言bui 标签和它们的小伙伴参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程原创 2021-06-22 21:45:59 · 563 阅读 · 0 评论 -
HTML5 入门小样例 之 h 和 p
前言最近突然接触到了HTML 5,那就简单学习一下吧。参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程1. 新建first.html文件,输入代码# <!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单,如果没有特别指出是哪个版本,默认是H5<!DOCTYPE html> <html> # 整个html文件<head> <meta charset="UTF-8"> # 字符编码格原创 2021-06-21 10:12:00 · 241 阅读 · 0 评论