随笔分类 -  前端系统学习笔记

对前端相关知识进行系统的学习,对所学内容及遇到的问题进行梳理。
摘要:CSS样式命名规则 常用样式命名方式 id和class id不要滥用,谨慎使用 适当使用class 空格规范 【强制】 选择器 与 { 之间必须包含空格。 示例: .selector { } 【强制】 属性名 与之后的 : 之间不允许包含空格, : 与 属性值 之间必须包含空格。 示例: font- 阅读全文
posted @ 2019-10-11 06:06 阿江是个程序猿 阅读(175) 评论(0) 推荐(0)
摘要:非洲黑人: 皮肤内黑色素含量高,以吸收阳光中的紫外线,保护皮肤内部结构免遭损害,头发象羊毛一样卷曲,使每根卷发周围都有许多空隙,空隙充满空气,卷发有隔热作用。 欧洲白人: 生活寒带或着是说常年温度较低的地缘,加上年日照时间少,身体的黑色素沉淀比较少``所以出现皮肤、发色、瞳晕都呈现浅色 最重要的总结 阅读全文
posted @ 2019-10-11 06:04 阿江是个程序猿 阅读(480) 评论(0) 推荐(0)
摘要:CSS可以写到那个位置? 是不是一定写到html文件里面呢? 行内式(内联样式) 内联样式,又有人称行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式,其基本语法格式如下: <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名 阅读全文
posted @ 2019-10-10 10:42 阿江是个程序猿 阅读(1120) 评论(0) 推荐(0)
摘要:1 line-height 行间距 语法:line-height:长度值|百分比; line-height属性用于设置行间距,就是行与行之间的距离(一行文字的高度),即字符的垂直间距,一般称为行高。 line-height常用的属性值单位有三种,分别为像素px,相对值em和百分比%,实际工作中使用最 阅读全文
posted @ 2019-10-10 10:37 阿江是个程序猿 阅读(1767) 评论(0) 推荐(0)
摘要:要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素。 在CSS中,执行这一任务的样式规则部分被称为选择器(选择符)。 要把上图的小黄人分为2组,最快的方法怎办? 很多, 比如 一只眼睛的一组,剩下的一组 这就用到基础选择器组: 基本选择器 1.标签选择器(元素选择器) 标签选择器是指用 阅读全文
posted @ 2019-10-10 10:33 阿江是个程序猿 阅读(656) 评论(0) 推荐(0)
摘要:1 color 字体颜色 定义元素内文字颜色。 语法:color:颜色名|十六进制|RGB color属性用于定义文本的颜色,其取值方式有如下3种: 1)预定义的颜色值,如red,green,blue等。 2)十六进制,如#FF0000,#FF6600,#29D794等。实际工作中,十六进制是最常用 阅读全文
posted @ 2019-10-09 15:43 阿江是个程序猿 阅读(25688) 评论(0) 推荐(0)
摘要:CSS的发展历程 从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。 随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也 阅读全文
posted @ 2019-10-09 15:34 阿江是个程序猿 阅读(382) 评论(0) 推荐(0)
摘要:文档类型设定 HTML: sublime 输入 html:4s XHTML: sublime 输入 html:xt HTML5 sublime 输入 html:5 HTML: sublime 输入 html:4s XHTML: sublime 输入 html:xt HTML5 sublime 输入 阅读全文
posted @ 2019-10-08 10:15 阿江是个程序猿 阅读(655) 评论(0) 推荐(0)
摘要:表单应用场景 现实中的表单,类似我们去银行办理信用卡填写的单子。 如下图: 目的是为了收集用户信息。 在我们网页中, 我们也需要跟用户进行交互,收集用户资料,此时也需要表单。 在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。 表单控件: 包含了具体的表单功 阅读全文
posted @ 2019-10-08 10:01 阿江是个程序猿 阅读(669) 评论(0) 推荐(0)
摘要:存在即是合理的。 表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。 表格的应用场景: 1 创建表格 在HTML网页中,要想创建表格,就需要使用表格相关的标签。创建表格的基本语法格式如下: <table> <tr> <td>单元格内的文字</td> ... </tr> .. 阅读全文
posted @ 2019-10-08 09:52 阿江是个程序猿 阅读(1846) 评论(0) 推荐(0)
摘要:什么是列表? 把…制成表,以表显示。 容器里面装载着文字或图表的一种形式,叫列表。 列表最大的特点就是 整齐 、整洁、 有序。 无序列表 ul (重点) 无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下: 比如下面这些,新闻是没有顺序的,不用排队,先到先得,后发布先显示。 注意 阅读全文
posted @ 2019-10-07 19:40 阿江是个程序猿 阅读(1814) 评论(0) 推荐(0)
摘要:路径 实际工作中,通常新建一个文件夹专门用于存放图像文件,这时再插入图像,就需要采用“路径”的方式来指定图像文件的位置。 路径可以分为: 相对路径和绝对路径 相对路径 图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如<img src="logo.gif" />。 图像文件位于HT 阅读全文
posted @ 2019-10-07 19:32 阿江是个程序猿 阅读(1385) 评论(0) 推荐(0)
摘要:1 HTML初识 HTML标签就是用来表达网页上的文字、图片、链接、音视频等等的······ 1.1 HTML标签分类 在HTML页面中,带有“< >”符号的元素被称为HTML标签,如上面提到的 <HTML>、<head>、<body>都是HTML标签。所谓标签就是放在“< >” 标签符中表示某个功 阅读全文
posted @ 2019-10-07 14:24 阿江是个程序猿 阅读(982) 评论(0) 推荐(0)
摘要:1 什么是HTML HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。 2 HTML发展史 3 HTML特点 4 HTML基础语法 1)HTML基本结构 日常生活的书信,我们要遵循共同 阅读全文
posted @ 2019-10-06 20:42 阿江是个程序猿 阅读(1725) 评论(0) 推荐(0)
摘要:1.认识网页 网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。 网页是如何形成的? 2.常见浏览器介绍 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。 3.查看浏览器占有的 阅读全文
posted @ 2019-10-06 19:52 阿江是个程序猿 阅读(1213) 评论(0) 推荐(0)
摘要:之前已经自学过相关的课程,但是感觉基础还是不够扎实,决定再次系统的学习一遍,对相关知识以及遇到的一些问题进行梳理~ 之后会不断更新笔记的目录,加油ヾ(◍°∇°◍)ノ゙ 00 关于开发工具 sublime 代码编辑器 sublime安装与使用 sublime上插件的安装与使用 webstorm 代码编 阅读全文
posted @ 2019-10-05 15:15 阿江是个程序猿 阅读(188) 评论(0) 推荐(0)
摘要:使用sublime编写markdown语法不太方便,使用专门的markdown编辑软件会更方便一些! 1.typora常用快捷键 ctrl + / 切换编辑语法模式/预览模式 ctrl + 1 ~6 标题1~6 ctrl + B 粗体 ctrl + I 斜体 ctrl + T 表格 选中代码块 + 阅读全文
posted @ 2019-10-05 15:10 阿江是个程序猿 阅读(769) 评论(0) 推荐(0)
摘要:1.markdown插件安装 --ctrl+shift+p --在命令框中选中 package control:install package 选中它 按回车 --在命令框中输入 markdown,选中插件,按回车 ①安装MarkdownEditing MarkdownEditing提供markdo 阅读全文
posted @ 2019-10-05 15:03 阿江是个程序猿 阅读(1236) 评论(0) 推荐(0)
摘要:markdown文件扩展名: .md 1.标题 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 2.列表 - 文本1 - 阅读全文
posted @ 2019-10-05 14:48 阿江是个程序猿 阅读(180) 评论(0) 推荐(0)
摘要:1.插件安装的方式 插件安装方式一:直接安装 下载插件安装包后,把安装包解压到packages目录(菜单->首选项->浏览插件目录)中,完成安装 插件安装方法二:使用package control组件安装 2.Package control简介 Package contro是sublime软件的插件 阅读全文
posted @ 2019-10-05 14:40 阿江是个程序猿 阅读(18626) 评论(0) 推荐(2)