![](https://img-blog.csdnimg.cn/20200527152323433.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
从小白开始学习前端知识 HTML、CSS、JavaScript
小熊空间
走走、看看、学学、用用
展开
-
Emmet语法
文章目录快速生成HTML结构语法快速生成CSS样式语法快速格式化代码提高html/css编写速度,VSCode内部已集成该语法快速生成HTML结构语法生成标签,直接输入标签名 按tab键 比如:div然后tab键,就生成了<div></div>生成多个相同标签 加*就可以了 比如: div*3 就生成了三个div有父子级标签 可以用> 比如: ul>li就可以了有兄弟级标签 可以用+ 比如: div+p生成带有类名或者id名字 直接写.nav或者#two原创 2020-05-30 09:53:58 · 163 阅读 · 0 评论 -
CSS引入方式
文章目录行内样式表(行内式)内部样式表(嵌入式)外部样式表(链接式)样式表优点缺点使用情况控制范围行内样式表书写方便结构样式混写较少控制一个标签内部样式表部分结构和样式分离没有彻底分离较多控制一个页面外部样式表完全实现结构和样式分离需要引入最多(推荐)控制多个页面行内样式表(行内式)在元素标签内部的style属性中设定CSS样式,适用简单的样式修改 不推荐<div style="color: red; font-size: 20原创 2020-05-29 11:56:43 · 180 阅读 · 0 评论 -
CSS文本属性
文章目录文本颜色对齐文本装饰文本文本缩进行间距Text(文本)属性可定义文本外观,比兔文本颜色、对齐文本、装饰文本、文本缩进、行间距等。属性表示说明color文本颜色通常使用十六进制text-align文本对齐设定文本水平对齐方式text-indent文本缩进通常用语段落首行缩进2个字的距离,2emtext-decoration文本修饰重点是添加下换线underline 取消下划线 noneline-height行间距(行高)控制行与行之原创 2020-05-29 11:23:21 · 227 阅读 · 0 评论 -
CSS字体属性
文章目录字体系列字体大小字体粗细字体样式字体符合属性属性表示注意点font-family字体实际项目约定字体font-size字号单位pxfont-weight粗细数字值 400 相当于 关键字 normal,700 等价于 bold 数字不带单位font-style样式默认normal 倾斜italicfont连写顺序不能颠倒,字号和字体必须写字体系列使用font-family属性定义文本的字体系列多个字体用逗号隔开,多单词的名原创 2020-05-28 16:49:09 · 215 阅读 · 0 评论 -
CSS基础选择器
CSS选择器完整选择器文档根据不同的需求吧不同的标签选择出来基础选择器作用特点使用情况用法标签选择器某一类相同标签不能差异化选择较多p {color: red;}类选择器单独一个或者某几个标签可以更具需求选择非常多.maozi {color: red;}id选择器一次只能选择一个标签唯一性,只出现一次一般和js搭配#blue {color:blue; }通配符选择器选择所有标签选择太多,有部分不需要特殊情况使用* {color原创 2020-05-28 16:03:15 · 97 阅读 · 0 评论 -
CSS入门基础
简介CSS也是一种标记语言,主要用于设置HRML页面中的文本内容(字体、大小、对齐方式等)、图片形状(宽高、边框样式、边距等)以及版面的布局和外观显示样式语法规范CSS规则由两部分组成:选择器和一条或者多条声明 即:选择器{样式}代码风格p { color: red; font-size: 25px;}CSS选择器完整选择器文档根据不同的需求吧不同的标签选择出来基础选择器作用特点使用情况用法标签选择器某一类相同标签不能差异化选择较多p原创 2020-05-28 16:02:07 · 110 阅读 · 0 评论 -
HTML常用标签
文章目录标题标签段落标签换行标签文本格式化标签加粗倾斜删除线下划线div和span标签图像标签和路径图像标签目录文件夹和根目录路径相对路径绝对路径超链接标签标题标签 <h1>我是一级标签</h1> <h2>我是二级标签</h2> <h3>我是三级标签</h3> <h4>我是四级标签</h4> <h5>我是五级标签</h5> <h6>原创 2020-05-27 17:59:17 · 180 阅读 · 0 评论 -
VSCode生成的基本标签解读
通过VSCode生成的默认代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2020-05-27 15:11:53 · 604 阅读 · 0 评论 -
VSCode安装与使用
文章目录安装使用插件安装官网下载使用创建一个基本的html文件打开vscode 点击New file右下角Plaint text改为HTML输入!回车 html骨架创建完成<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca原创 2020-05-27 14:48:52 · 250 阅读 · 0 评论 -
HTML语法规范与基本结构
基本语法概述HTML标签是有尖括号包围的关键词 例如:<html>HTML标签通常是成对出现,称为双标签 例如:<html> </html>有些特殊标签必须是单标签(极少)例如:<br/>标签关系双标签关系可以有两种 包含关系和并列关系包含关系标签之间的嵌套关系(父子关系)<head> <title></title></head>并列关系标签之间并列存在 (兄弟关系)<hea原创 2020-05-27 13:56:38 · 145 阅读 · 0 评论 -
什么是web标准?
简介Web 标准也称网页标准,它由一系列标准组成,这些标准大部分由 W3C 负责制订,也有一些标准由其他标准组织制定的Web标准的构成主要包含三部分结构(Structure):结构用于对网页元素进行整理和分类 HTML表现(Presentation):表现用于设置网页元素的版式、颜色、大小等外观样式 CSS行为(Behavior):网页模型的定义及交互的编写,JavaScript为什么要有Web标准对于浏览器开发商和 Web 程序开发人员在开发新的应用程序时遵守指定的标准更有利于 Web原创 2020-05-27 11:46:57 · 3771 阅读 · 0 评论 -
前端基础学习路线
开发工具前端开发工具非常多,这里列举几个自己常用的开发工具Visual Studio Code: 微软提供的免费跨平台编辑器Sublime Text:漂亮且强大的文本编辑器(收费但可以无限期试用)HBuilderX:DCloud提供的一款支持HTML5的Web开发IDE Vue和uniapp开发必备软件HTMLCSSJavaScript...原创 2020-05-27 13:36:36 · 111 阅读 · 0 评论