2020年2月14日
css常用样式font控制字体的多种变换
摘要： CSS 字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）font-family控制字体，由于各个电脑系统安装的字体不尽相同，但是基本装有黑体、宋体与微软雅黑这三款字体，通常这样写font-family:"黑体", "宋体","Microsoft YaHei" font-size控制字体大小，我们设置字体大小是设置它的宽度，它的高度一般电脑系统默认字体大小是16px，所以字体大小尽量不要低于16px，1em=16px； font-weight: bold;/*控制字重 一般是100-900 常用lighter(细体) normal（正常）bold加粗 */至于这个font-style，一般默认是normal，也就是正常的，如果说你设置 font-style: italic;斜体话，其实和这个的效果是差不多的;文字间的间距用的line-height如果和高度相等话，就是垂直居中了。 阅读全文
posted @ 2020-02-14 20:22 鬼牛阿飞 阅读(1910) 评论(0) 推荐(1) 编辑
css常用样式背景background如何使用
摘要： css背景background属性常用于定义HTML的背景，background简写属性作用是将背景属性设置在一个声明中，background背景属性常见为以下这些：.background-color代表背景颜色 .background-image代表背景图像 .background-repeat 代表背景图像水平或者垂直平铺 .background-attachment代表背景图像是否固定或者随着页面的其余部分滚动 .background-position代表设置背景图像的起始位置 在这些背景效果中background-color属性定义了元素的背景颜色,颜色值通常以以下方式定义:十六进制 - 如："#ff0000" RGB - 如："rgb(255,0,0)"颜色名称 - 如："red" 阅读全文
posted @ 2020-02-14 19:05 鬼牛阿飞 阅读(1460) 评论(0) 推荐(0) 编辑
2020年2月13日
css选择器四大类：基本、组合、属性、伪类
摘要： 什么是选择器？选择器的作用是通过它可以找到元素，把css样式传递给元素！css选择器主要分为：基本选择器、属性选择器、组合选择器与伪类选择器四个大类！基本选择器又分为：*通配符、标签选择器、class选择器、id选择器，在这里需要注意的编程思想在css层叠样式表中元素有且仅有一个id。注意以下几点1.id唯一性2.元素id不相同，就像每一个人只有一个身份证一样，ID就代表身份证3.class选择器不具有唯一性，它可以重复使用！此外这个*通配符代表的是全局 阅读全文
posted @ 2020-02-13 23:10 鬼牛阿飞 阅读(2455) 评论(0) 推荐(1) 编辑
css的核心原理分为优先级原则与继承原则两大部分
摘要： css原理：1.优先原则=>后解析的内容会覆盖之前解析的内容（所谓解析就是读取的css样式）2.继承原则=>嵌套里面的标签拥有外部标签的某些样式，子元素可以继承父元素的属性 1》优先原则针对选择器：a.同一个选择器从上往下读取执行css样式 b.同一类选择器从上往下执行 c.不同类型的选择器优先级，先执行低优先级再执行高优先级，比方基本选择器就是从*通配符<标签div 阅读全文
posted @ 2020-02-13 23:08 鬼牛阿飞 阅读(542) 评论(0) 推荐(1) 编辑
css基本概念与css核心语法介绍
摘要： css是什么？不需要了解太多文字类介绍，记住css是层叠样式表，HTML是页面结构，css负责页面样式，javascrt负责静态页面的交互。CSS能够对网页中元素位置的排版进行像素级精确控制，拥有对网页对象和模型样式编辑的能力。详情参考css百度百科了解其发展历史，语言特点与语言基础等,也是有好处的。 阅读全文
posted @ 2020-02-13 22:41 鬼牛阿飞 阅读(927) 评论(1) 推荐(1) 编辑
2020年2月12日
HTML块级、行级元素，特殊字符，嵌套规则
摘要： 如果介绍HTML网页基本标签的嵌套规则，首先要说的就是元素的分类。元素可以划分为块级元素和行级元素，块级元素是什么？它可以独占一行，可以设置宽高度，默认是100%；行级元素与之相反，它的内容决定它的宽高度，至于特殊字符就当成是文字来看！嵌套规则总结如下几点：1.块元素可以嵌套行元素2.行元素可以嵌套行元素3.行元素不可以嵌套块元素4.文字类块元素不可以嵌套块元素5.容器类块元素可以嵌套块元素 阅读全文
posted @ 2020-02-12 23:28 鬼牛阿飞 阅读(700) 评论(0) 推荐(1) 编辑
网页DIV+CSS布局与ifame传统布局对比
摘要： 什么是网页的布局？网页布局就是我们在拿到设计稿后进行切片处理（所谓切图），然后我们通过DIV+CSS布局，书写静态页面按照设计稿还原排列，把我们想要实现的功能与内容进行填充！早期的frameset布局主要书写管理后台控制菜单的切换实现局部的刷新，至于页面的嵌套则是通过iframe 阅读全文
posted @ 2020-02-12 23:06 鬼牛阿飞 阅读(793) 评论(0) 推荐(1) 编辑
html基本标签表单实现交互原理，单选框，复选框，下拉框介绍
摘要： 表单是什么？表单是前端和服务器做交互的一种机制，表单收集用户输入信息，之后发送或者提交给服务器。用户在输入的信息称之为内容，内容的文本分为普通和密码型，用户通过单选框、复选框、下拉框（也就是下拉菜单）完成内容信息输入，最后通过提交按钮发送给服务器！这里要讲到浏览器怎么发送给服务器？涉及到http协议，也就是超文本传输协议，它是浏览器和服务器通讯的一种机制。模式为：请求——应答，浏览器发送请求=>服务器接收=>自身处理=>结果返回浏览器=>浏览器根据结果展示页面给用户，请求分为GET和POST。 阅读全文
posted @ 2020-02-12 20:08 鬼牛阿飞 阅读(2190) 评论(0) 推荐(1) 编辑
2020年2月11日
HTML基础标签图片文本超链接列表表格介绍
摘要： 1.HTML基础标签图片常见代码形式<img src="图片路径地址" alt="属性名" title="占位符">常见的图片格式为以下三种：.jpg（图片有损压缩，影响画质）、.png（图片无损压缩、容积大、具有透明通道）、.gif（动图）。图片路径地址分为本地图片和网络图片，本地图片中分为绝对路 阅读全文
posted @ 2020-02-11 23:51 鬼牛阿飞 阅读(955) 评论(0) 推荐(1) 编辑
html网页基本结构
摘要： 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。 HTML是一门超文本标记语言，浏览器解析html标记后，展示页面内容，目前流行HTML5，俗称H5。静态网页的拓展名htm或html新建网页的步骤：1、新建文本文档，更改拓展名为htm或html2、编写网页的基本结构，并保存。HTML语言的特点标记，大部分的都是成对存在不区分大小写 H5区分大小写。使用相关的标签进行排版1、网页的标题2、标题标签....数字越大 标题越小3、段落标记4、换行 5、水平线6、字体加粗 斜体7、HTML中的注释和特殊的符号： 特殊符号: 空格 ； 大于号>； 小于号<；引号"；版权符号©等 阅读全文
posted @ 2020-02-11 16:31 鬼牛阿飞 阅读(1933) 评论(1) 推荐(1) 编辑
html网页基本概念
摘要： 什么是网页？html文档经过浏览器内核渲染后展示出来的页面（五大主流浏览器及四大内核） html文档文件名后缀是.html,之前存在的.htm是为支持DOM系统（目前织梦还是用.htm文件名结尾文件） 编码是我们通过代码的形式把想要展示的页面写到html文档里面，接着渲染作为一个动作，主要是html文档本身无法被人很好识别的，所以需要经过浏览器内核渲染展示为正常人看的页面，查看页面源代码快捷键是CTRL+U；通常源代码展示如下： 阅读全文
posted @ 2020-02-11 11:59 鬼牛阿飞 阅读(975) 评论(0) 推荐(1) 编辑
2020年2月10日
【工具】vscode-代码编辑器详解
摘要： vscode-代码编辑器的全称是“visual studio code”，主要是一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。 百度搜索vscode点击官网（https://code.visualstudio.com/）下载编辑器，通常它会自动判别你的电脑版本是Mac、windows或者linux的，系统分为32bit或者64bit 阅读全文
posted @ 2020-02-10 23:33 鬼牛阿飞 阅读(6388) 评论(0) 推荐(0) 编辑
如何成为一名合格的前端工程师
摘要： 前端学习大致分为四个阶段：一、入门阶段（主要是了解代码语义化）二、实战阶段（在一的前提下，对于前端有兴趣，深入学习CSS\JS，挖掘相关技能）三、就业阶段（学习前端主要目的是想找一份高薪的岗位，那么此时需要你对框架有一定掌握）四、全栈阶段（丰富知识面，考虑发展方向）!当然我们在入门阶段主要是学习前端的三大基础语言：HTML、CSS、JAVASCRIPT，它们的作用在于：html是网页的基本结构，css起到美化页面的作用、JavaScript目的则是实现页面的交互，让整个页面动起来！ 阅读全文
posted @ 2020-02-10 21:00 鬼牛阿飞 阅读(522) 评论(0) 推荐(0) 编辑
2020年2月9日
Html介绍,了解html代码的注释
摘要： 什么是代码注释？在代码编辑器中的注释代码是不会在浏览器窗口展示的！html代码注释的作用是帮助程序员标注代码的用途，过一段时间后再看你之前编写的代码，很快可以想起这个代码的用途。代码注释不仅方便程序员自己回忆以前代码的用途，还可以帮助其他程序员快速读懂你的程序的功能，后续方便别人合作开发网页代码！ 阅读全文
posted @ 2020-02-09 17:59 鬼牛阿飞 阅读(675) 评论(0) 推荐(0) 编辑
Html介绍,认识head标签
摘要： <head></head>标签位于html文档的头部，主要是用来描述文档的各种属性和信息，包括文档的标题等，当然文档头部包含的数据都不会真正作为内容展示给访客的。 如下的一些标签常用于<head>和</head>标签部分：<head><title></title><meta><link><style 阅读全文
posted @ 2020-02-09 17:40 鬼牛阿飞 阅读(803) 评论(0) 推荐(1) 编辑