1
WEB文件夹存放

俗话说:“物以类聚,人以群分”“近朱者赤,近墨者黑”;一个良好的文件夹存放规范,往往能给WEB开发团队带来整体的提高渲染效率、方便维护代码等必不可少的效果。 | |文件夹命名 |存放说明 | | | | | |_root/根目录 | | | | |cn |中文html文件 | | |css |层叠样 ...

MaricoCheung @ 2020/07/29

7
WEB文件命名规范

WEB开发约定 文件命名 【√】小写的英文字母、数字和下划线的组合 【!】不得含汉字、空格和特殊字符 命名规范好处 ①方便团队理解代码开发的文件含义 ②使用“按名称排例”的命令时,同类文件能够排列在一起 以便查找、修改、替换、计算负载量等操作 (一)HTML的命名原则 |文件类型 |命名举例(小写) ...

MaricoCheung @ 2020/07/29

8
CSS的简介和语法

CSS简介 css指层叠样式表,是为了解决内容与表现分离的问题,可以大大提高工作效率,多个样式层叠为一也可以节省代码的重复 在很久很久以前,只使用html来进行布局,有关样式的部分使用html属性完成,这样代码就显得很臃肿,修改起来也是特別的麻烦。后来w3c就创造出了样式(stye),这样html就 ...

我的前端梦 @ 2020/07/29

9
CSS4种引入方式:行内,内联式,外部式,导入式

CSS引入方式-行内式 通过 style这个标签属性,将css键值对直接写入标签内 1 <p style="width: 100px;height: 100px;background: red;"></p> 2 <!--注释:这段代码描述的是一个宽高为100px,背景为红色的容器--> css引入方 ...

我的前端梦 @ 2020/07/29

10
css引入方式之外链式和导入式的异同点(面试题)

link和@Import虽然都是引入外部的css文件,但它们有天差地别的区别的 link是htm标签,@import完全是css提供的方式,要写在css文件或者 style标签中。 他们的加载顺序也是有区别的,当一个页面被加载的时候,1ink引用的css件会被同时加载,而@Import引入的css文 ...

我的前端梦 @ 2020/07/29

11
css命名规范及项目文件目录

必须使用英文开头,并且开头字母一律小写 所有的命名最好都小写 尽量不要用缩写英,除非可以一目了然的 如果遇到相差不大 class或者id,主功能识别字母在前,位置识别字母在后,位置识别字母;第一个可大写(如: navTop, menuLeft) 遵循驼峰命名法:第一个单词的首字母小写,其余每一个有意 ...

我的前端梦 @ 2020/07/29

12
HTML常用标签

HTML常用标签 1. web标准 1.1 web标准的构成 主要包括结构、表现和行为三个方面。 标准 说明 结构 用于对网页元素进行整理和分类(HTML) 表现 用于设置网页元素的外观样式(CSS) 行为 网页模型的定义及交互的编写(JavaScript) 如果将web标准比喻为一只鸟,则 结构= ...

chiYiN-zZZ @ 2020/07/28

13
7月底HTML/CSS学习笔记大纲

一夜无眠,学习不是为了别人,自己执行力好差,对自己过高期望,以为任务目标Soeasy,结果徘徊了几个月,还是在原地踏步,怎么讲了?学习还是要脚踏实地,专注,不要为自己找借口!毕竟虚长几岁,曾经的年少轻狂高傲、曲动琴声美妙一不复返!如今的自己在为曾经的不学习,努力向着生活买单!希望下面可以越来越好! ...

我的前端梦 @ 2020/07/28

14
HTML网页的基本组成结构

HTML基本结构 document是指整个文件,它下面就是咱们的html 超文本标记语言的结构包括"头"(head)和主体(body) 其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容 #HTML基本结构-文档声明 为了说明文档使用的超文本标记原因标准,所有的超文本标记语言文档应该以“ ...

我的前端梦 @ 2020/07/28

15
HTML标签及标签属性

HTML:超文本标记语言,是使用标记标签来描述网页的一种语言,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分; css层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的的计算机语言。css不仅可以静态地修饰网页,还可 ...

我的前端梦 @ 2020/07/28

16
常用的HTML标签完整梳理

60个\参考网址https://www.w3school.com.cn/tags/index.asp 标签描述 <!--...--> 定义注释。 <!DOCTYPE> 定义文档类型。 <a> 定义锚。 <abbr> 定义缩写。 <acronym> 定义只取首字母的缩写。 <address> 定义文档 ...

我的前端梦 @ 2020/07/28

17
HTML元素和元素内容

HTML元素指的是从开始标签( start tag)到结束标签( end tag)的所有代码 开始标签元素内容结束标签 <p> this is a paragraph </p> <a href="default.htm"> this is a link </a> <br/> 注释:开始标签被称为开放 ...

我的前端梦 @ 2020/07/28

18
元素之块级元素和行内元素特点(面试题)

行内元素:a,button.big,em,i,input,mark,span,select,option,strog,b,sup,sub,textarea,u 内联元素是指本身属性为display:inline的元素.因为它自身的特点,我们通常使用行内元素来进行文字\小图标(小结构)的搭建 块级元素 ...

我的前端梦 @ 2020/07/28

19
HTML标签语义化含义及实用技巧

标签语义化一含义 合适标签做合适的事情,例如文章段落用p标签,标题用h1-h6标签 标签语义化为浏览器和搜索引擎服务 标签语乂化一为什么要遵循标签语义化 利于SE0优化(也就是搜索引擎的抓取,搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重) 在样式丢失的时候,还是可以比较好的呈现结构 更好 ...

我的前端梦 @ 2020/07/28

20
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第4章CSS文本样式

本教程案例在线演示 有路网PC端 有路网移动端 免费配套视频教程 免费配套视频教程 教程配套源码资源 教程配套源码资源 字体样式 属性名 含义 举例 font-family 设置字体类型 font-family:"隶书"; font-size 设置字体大小 font-size:12px; font- ...

[豆约翰] @ 2020/07/28