ssm_前端学习笔记

前端学习笔记 - CSS - 3.垂直水平居中

初始化html/css*{margin:0;padding:0;}.box1{width:400px;height:400px;background-color:skyblue;position:relative;}.box2{width:200px;height:200px;background-color:aliceblue;}垂直水平居中方案一：绝对定位+margin1.知道宽高的情况下#s
moli27·2020-07-30 21:48

前端学习笔记 - CSS - 4.CSS三角形

1.定义一个四个不同颜色边框的盒子.box{width:100px;height:100px;border:10pxsolid;border-top-color:red;border-right-color:green;border-bottom-color:blue;border-left-color:pink;}2.改变边框大小，越大越像三角形.box{width:100px;height:1
moli27·2020-07-30 21:48

前端学习笔记 - CSS - 5.高度塌陷

当父元素的高度由子元素的高度撑起时，子元素浮动后，父元素发生高度塌陷。.parent{border:10pxredsolid;}.son{width:100px;height:100px;background-color:pink;float:left;}1.未浮动时，父元素高度由子元素撑起。2.子元素浮动后，父元素发生高度塌陷。方案一：开启元素BFC（blockformattingcontext
moli27·2020-07-30 21:48

前端学习笔记（四）HTML入门扩充

之前在学习HTML的时候，按照Web前端怎样入门？中汪小黑的回答中所给的学习路线图，照着W3school的HTML基础教程，只学习到了HTML列表部分。在学习CSS的过程中，逐渐发现有一些HTML内容（块、类等等）并不熟悉。现在在开始着手做练手小项目静态网页之前，我想再把HTML的基础补习一下，把HTML基础教程全部看完，并且尽量手敲一下。1.HTML块元素是块级元素（blocklevelelem
handsomeDXhero·2020-07-30 21:48

前端学习笔记HTML/CSS/JS

前端一、day011、资源分类`静态资源：使用静态网页开发技术发布的资源。特点：所有用户访问，得到的结果是一样的。如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态支援的解析引擎，可以展示静态资源。动态资源：使用动态网站开发技术发布的资源。特点：所有用户访问，得到的结果可能不一样。如：jsp/servlet,php,asp…如果用户请求的是动态资源，那么服务器会执
一只懒惰的猿·2020-07-30 21:48

重学前端学习笔记（二十五）--CSS的正常流

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、正常流的行为正常流的排版行为：依次排列，排不下了换行。1.1、float在正常流基础上，有flo
weixin_34301307·2020-07-30 21:44

前端学习笔记(2)-CSS 基础

2019独角兽企业重金招聘Python工程师标准>>>前端学习笔记(2)-CSS基础标签：前端[TOC]本文主要对CSS相关基础知识进行介绍基础知识CSS样式由选择符和声明组成，而声明又由属性和值组成。
weixin_34226706·2020-07-30 21:44

重学前端学习笔记（二）--前端学习路线与方法

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。明确你的前端学习路线与方法学习路径于学习方法1、零基础入门（前端教材，MDN网站）javaScrip
_miccretti·2020-07-30 21:11

前端学习笔记——CSS选择器

学习css选择器之前我们先了解下css规则：CSS规则由两个主要的部分构成：选择器，以及一条或多条声明:选择器通常是需要改变样式的HTML元素。每条声明由一个属性和一个值组成。1、id选择器、class选择器、标签选择器/*id选择器*//*#代表通过id选择器查找*/#i1{height:48px;background-color:red;}/*class选择器最常用*//*.代表通过class
weixin_30316097·2020-07-30 21:36

【前端学习笔记】JS学习基础

入门——————————————————————————————————————-希望把某个元素移除你的视线：1、display:none;显示为无2、visibility:hidden;隐藏3、width\height4、透明度5、left\top6、拿一个白色DIV盖住它7、margin负值JS中如何获取元素：1、通过ID名称来获取元素：documentgetelementbyid‘link’
Reven_凯·2020-07-30 21:03

Web前端学习笔记——AngularJS之组件、模板语法

目录组件typora-copy-images-to:media组件的定义组件的模板组件通信父子通信：InputDown父子通信：OutputUp父子通信：父组件直接访问子组件public成员没有直接关系通信：Service单例利用Cookie和localStorage进行通信利用Session进行通信小结组件生命周期动态组件组件内容分发第三方组件库模板语法插值文本绑定属性绑定使用JavaScrip
唯恋殊雨·2020-07-30 21:57

前端学习笔记（6）之css盒模型的细节知识点汇总

css盒模型细节知识点总结浮动padding相关margin相关详解margin负值margin垂直外边距重叠问题相邻元素margin重叠问题浮动只要元素有浮动，尽量保证浮动元素都在一个父元素里面。高度塌陷：子元素浮动，而父元素未设置高度时。padding相关内边距会影响盒子的可见框的大小；盒子可见框的宽度=左右边框宽度+左右内边距宽度+内容区宽度盒子可见框的高度=上下边框宽度+上下内边距宽度+内
前端之神风中告退·2020-07-30 21:47

前端学习笔记（1）之解析rel：nofollow及一些零碎知识点

a标签中的rel：nofollownofollow是HTML元标签(meta)的content属性和链接标签(a)的rel属性的一个值，告诉机器(爬虫)无需追踪目标页，为了对抗blogspam(博客垃圾留言信息)，Google推荐使用nofollow，告诉搜索引擎爬虫无需抓取目标页，同时告诉搜索引擎无需将的当前页的Pagerank（网页级别、网页排名）传递到目标页。但是如果你是通过sitemap直
前端之神风中告退·2020-07-30 21:47

前端学习笔记5：关于css样式中包含选择器和子选择器的用法

一、包含选择器用于指定目标选择器必须处于某个选择器对应的元素内部Selector1Selector2(...)/*其中Selector1、Selector2都是有效选择器*/例如div.a{width:300px;height:200px;border:2pxdottedblack;background-color:red;}处于div之内且class属性为a的元素如上代码可以看得出来div内的名
吴生4396·2020-07-30 21:46

前端学习笔记(一)：CSS选择器

学习笔记（一）——CSS选择器前言CSS选择器基础选择器标签选择器类选择器id选择器通配符选择器复合选择器后代选择器子选择器并集选择器伪类选择器H5新增选择器属性选择器结构伪类选择器伪元素选择器权重（优先级）前言离职之后在考研、自学、工作这三个选项中选择了最“没钱途”的选项，但也觉得这是或许我最应该选择的路。这个系列的将主要作为自己的学习笔记，用于在前端路上的摸索与记录，若有大佬愿意斧正、指引，感
吉力力力力力力力力·2020-07-30 21:42

前端学习笔记——CSS基础

HTML专注去做结构呈现，样式交给CSS引入CSS样式表（书写位置）1.行内式（内联样式表）写在标签内部的，通过style属性来设置元素样式内容2.内部样式表（内嵌样式表）写在head里H5中type="text/css"可以省略选择器1（选择的标签，不需要尖括号）{属性1:属性值1;属性2:属性着2;...；}选择器2{...}3.外部样式表（外链式）将所有样式表放在一个或者多个以.css为扩展
这可真叫人头秃·2020-07-30 21:41

前端学习笔记-CSS-基础选择器

选择器（重点）要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器（选择符）。选择器干啥的？选择标签用的CSS基础选择器标签选择器（元素选择器）标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下：标签名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}或者元素
Nanami Touko·2020-07-30 21:08

前端学习笔记-CSS-三大特性

CSS三大特性层叠继承优先级是我们学习CSS必须掌握的三个特性。CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。就近原则一般情况下，如果出现样式冲突，则会
Nanami Touko·2020-07-30 21:08

前端学习笔记-CSS-外观属性

CSS外观属性color:文本颜色color属性用于定义文本的颜色，其取值方式有如下3种：1.预定义的颜色值，如red，green，blue等。2.十六进制，如#FF0000，#FF6600，#29D794等。实际工作中，十六进制是最常用的定义颜色的方式。3.RGB代码，如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。需要注意的是，如果使用RGB代码的百分比颜色值，取值为
Nanami Touko·2020-07-30 21:08

前端学习笔记-CSS-CSS样式表

CSS初识CSS(CascadingStyleSheets)美化样式CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。引入CSS样式表（书写位置
Nanami Touko·2020-07-30 21:08

前端学习笔记-CSS-复合选择器

CSS复合选择器复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。交集选择器交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。记忆技巧：交集选择器是并且的意思。即...又...的意思比如： p.one 选择的是：类名为.one的段落标签。 用的相对来说比较少，不太
Nanami Touko·2020-07-30 21:08

【前端学习笔记day38】6.1. CSS权重+权重的等级+权重的计算实例

文章目录6.1.CSS权重CSS权重权重的等级权重的计算实例6.1.CSS权重CSS权重CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重1、!important，加在样式属性值后，权重值为100002、内联样式，如：style=””，权重值为10003
汪雯琦·2020-07-30 21:36

web前端学习笔记---鼠标控制悬浮框的出现与消失

初学前端,随手记录日常所遇问题,可以时常回顾,若能帮助别人则更好,若有不妥之处或更为便捷之法,希望以评论告知,谢谢!实现的效果为:当鼠标悬浮在头像上时,悬浮框浮现,否则悬浮框消失+86 138******35我的订单售后服务我的优惠账户资料收货地址退出上面是body所写的内容下面为style样式ul{padding:0;margin:0;}li{list-style:none;}body
beata_zhang·2020-07-30 21:03

前端学习笔记-css是多么的重要！

前端学习笔记-css是多么的重要！1.混乱的css时代。
会飞的小鹿·2020-07-30 21:03

前端学习笔记（二）CSS基础

同目录下创建文件myccs.css,在该文件下进行编写样式在html的标签中，添加引用h1,h2,a,p{color:red;font-size:100px;......}body{color:blue;}注意：以最近的style为准派生选择器红色绿色listrong{#中间用空格间隔color:red;}strong{color:green;}选择器hellow#pid{color:red;}增
Spy97·2020-07-30 21:57

前端学习笔记(五)

选择器高级和伪类一.选择器1.E,F多元素选择器div,p,span,a{color:red;}2.E>F子元素选择器顾名思义就是只选择器他的子元素！只认儿子，这种选择器一般是不想影响后面的元素而使用的比较多！3.E+F毗邻元素选择器选择后面的一个兄弟元素div+p{background:red;}divp+p{background:blue;}/*指向div下p标签下面的邻居是p的标签*/二.属
华之乐章·2020-07-30 21:49

重学前端学习笔记---css规则

1、选择器的基本意义就是：根据一些特征，选中元素树上的一批元素2、选择器分类简单选择器：针对某一特征判断是否选中元素复合选择器：多个简单选择器复杂选择器，由空格，“>”,"~","+","||"等符号连接的复合选择器，根据父元素或者当前元素检查单个元素选择器列表：，由逗号分隔的复杂选择器。（一）简单选择器类型（标签）选择器：根据一个元素的标签名来选择元素全体选择器（*）：可以选择任意元素id选择器
krysliang·2020-07-30 21:49

重学前端学习笔记（一总）

1.明确你的前端学习路线与方法0基础入门：《JavaScript高级程序设计》《精通CSS》等书籍，阅读一些参考性质的网站：MDN前端学习方法：1.建立知识架构知识架构：知识的“目录”或者索引，它能够帮助我们把零散的知识组织起来，也能够帮助我们发现一些知识上的盲区。知识点划分：文法、语义、运行时文法：词法/语法（编译原理的划分）语义跟语法一一对应运行时：类型/执行过程2.追本溯源追本溯源，其实就是
hen1183392934·2020-07-30 21:43

前端学习笔记--简易的淘宝商品页Demo

笔记1，html负责提供前端标签表格等物件（相当于给原材料）2，css负责对这些原材料进行美化3，js负责让各种物件有了交互，实现各种功能逻辑的东西。-----------------------------------------------------1，这东西属于H5的标准，否则之前的版本有一大串的声明2，meta，title等这些均在head里面声明，负责总体的charset字符集，页面标
小胡同的诗·2020-07-30 21:39

前端学习笔记二：CSS（3）常用的文本属性+让div飞~

继续。还是把两段内容压成一段，先看第一个示例(想了一下只显示样式表了，列表内容的代码就不单独放出来了)：html,body{margin:0;height:100%;}ol{background-image:url(../03%20using%20image/img/9.PNG);background-repeat:no-repeat;background-position:leftcenter;
大一哟·2020-07-30 21:01

前端学习笔记2-CSS

常用属性1丶position2丶background3丶text-align4丶margin5丶padding6丶font-size7丶z-index8丶over-flow9丶：hover10丶opacity11丶float（clear：both）12丶line-height13丶border14丶color15丶display页面布局主站--//内容自动居中后台管理布局--position:fi
GONoDy·2020-07-30 21:57

前端学习笔记 基础 Chrome与IDEA的使用

参考视频：【极客学院】Web前端开发教学-第一部分：H5+CSS+JS文章目录Chrome检查功能适配移动端的预览直接运行Web源文件IDEA获得学生版intellijideaultimate创建HTML5项目更改快捷键设置系统快捷键的使用自动补全快速注释快速复制ChromeChrome是谷歌的浏览器，有很多实用的功能。检查功能Web浏览器都提供查看源代码功能，Chrome检查可以看更多的内容，例
大熊软糖M·2020-07-30 21:55

前端学习笔记 Bootstrap 框架使用方法补充

参考视频：【极客学院】一周学会Bootstrap官方文档：Bootstrap中文文档·Bootstrap是世界上最流行的、移动设备优先的、响应式前端开发框架。参考文档：jquery下载所有版本（实时更新）文章目录BootStrap简介原则起步下载引入示例：导航栏role属性全局CSS样式取消全局样式栅格表格表单按钮组件导航Javascript插件滚动监听按钮BootStrap简介Bootstrap
大熊软糖M·2020-07-30 21:55

前端学习笔记 HTML5 基础内容

参考视频：【极客学院】Web前端开发教学-第一部分：H5+CSS+JS参考文档：HTML教程W3school文章目录关于HTML与HTML5元素，标签和属性块元素与内联元素HTML5空文档标签简介h1~h6：标题p：段落a：锚使用a标签做页内跳转img：图片a和img的嵌套使用br：换行span：内嵌文字div：划分属性简介body标签的bgcolor属性：背景颜色a标签的target属性：指定打
大熊软糖M·2020-07-30 21:55

前端学习笔记 HTML5 新特性

参考视频：【极客学院】Web前端开发教学-第一部分：H5+CSS+JS参考文档：HTML教程W3school文章目录XHTML规范HTML5语法变化HTML5元素与属性变化新增的元素废除的元素新增的属性废除的属性HTML5新特性详解全局属性contentEditabledesignModehiddenspellchecktabindex新增元素：article新增元素：section新增元素：na
大熊软糖M·2020-07-30 21:55

前端学习笔记03，CSS

CSS简介内容整理自w3school当同一个HTML元素被不止一个样式定义时，会使用哪个样式呢？（4有最高优先权）1.浏览器缺省设置2.外部样式表3.内部样式表（位于标签内部）4.内联样式（在HTML元素内部）下面这行代码的作用是将h1元素内的文字颜色定义为红色，同时将字体大小设置为14像素。h1{color:red;font-size:14px;}定义一个红色文字的居中段落。p{text-ali
EddieEddieJones·2020-07-30 21:24

前端学习笔记 基础 前端技术简介

文章目录前端三剑客超文本标记语言：HTMLHTML5XHTML层叠样式表：CSSCSS3JS：JavaScriptES6框架jQueryBootstrapReactVue.js前端三剑客超文本标记语言：HTMLHTML（HyperTextMarkupLanguage）称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为
大熊软糖M·2020-07-30 21:24

前端学习笔记

前端学习笔记HTMLCSSJavaScript字符串正则表达式日期隐藏按钮常量jQueryFontAwesomenpmVueReact跨域HTMLhtml中隐藏域hidden的作用介绍及使用示例CSSheight
4change·2020-07-30 21:52

前端学习笔记 - CSS - 2.选择器

一.复合选择器：交集选择器：选择器1选择器2选择器3{}ph1div{}选择器分组（并集）：选择器1,选择器2,选择器3,选择器4{}p,h1,div,sapn{}二.关系选择器：子元素选择器：父元素>子元素{}div>span{}后代元素选择器：祖先后代{}divspan{}兄弟元素选择器：下一个兄弟兄+弟{}后面所有的兄弟选择器：不会选中前面的兄弟兄~弟{}三.属性选择器：指定属性为title
moli27·2020-07-30 21:20

WEB前端学习笔记-HTML(中)

HTML样式style属性用于改变HTML元素的样式。HTML的style属性style属性的作用：提供了一种改变所有HTML元素的样式的通用方法。样式是HTML4引入的，它是一种新的首选的改变HTML元素样式的方式。通过HTML样式，能够通过使用style属性直接将样式添加到HTML元素，或者间接地在独立的样式表中（CSS文件）进行定义。由于HTML前期版本的混乱，在CSS出现之后，一些属性或标
w343516704·2020-07-30 21:19

Web前端学习笔记——CSS3 新增选择器

CSS3新增选择器结构(位置)伪类选择器（CSS3):first-child:选取属于其父元素的首个子元素的指定选择器:last-child:选取属于其父元素的最后一个子元素的指定选择器:nth-child(n)：匹配属于其父元素的第N个子元素，不论元素的类型:nth-last-child(n)：选择器匹配属于其元素的第N个子元素的每个元素，不论元素的类型，从最后一个子元素开始计数。n可以是数字、
唯恋殊雨·2020-07-30 21:19

前端学习笔记-CSS-盒子外边距（margin）

外边距（margin）margin属性用于设置外边距。设置外边距会在元素之间创建“空白”，这段空白通常不能放置其他内容。margin-top:上外边距margin-right:右外边距margin-bottom:下外边距margin-left:上外边距margin:上外边距右外边距下外边距左外边取值顺序跟内边距相同。外边距实现盒子居中可以让一个盒子实现水平居中，需要满足一下两个条件：必须是块级元素
Nanami Touko·2020-07-30 21:47

前端学习笔记（12）之css一些无聊的知识点

BFC、布局、属性选择符、非IE常见bugBFC计算值的表达式calc（）width的属性值雪碧图非IE浏览器常见bug属性选择符（通过html属性选择元素）浏览器四大内核结构性伪类每日一丧BFCBFC:块级格式化上下文->独立的渲染区BFC布局规则：一、内部的Box会在垂直方向，一个接一个地放置。二、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠
前端之神风中告退·2020-07-30 21:47

前端学习笔记（9）之css四种定位的本质和超长banner图如何居中

关于定位相对定位绝对定位粘性定位固定定位超长banner图如何居中相对定位相对定位是参照于元素在文档流中位置来定位的。position：relative不会脱离文档流，占据空间。相对定位会提升元素的层级，但并没有脱离文档流。※相对定位不会改变元素的性质，块还是块，行内元素还是行内元素。绝对定位绝对定位的特点：1.开启绝对定位后，不设置偏移量，元素的位置不会发生变化2.开启绝对定位后，元素会从文档流
前端之神风中告退·2020-07-30 21:16

前端学习笔记（10）之PC端高度自适应的两种情况

PC端高度自适应内容多时自适应高度，内容少时有最小高度没有最小高度，DIV完全自适应高度内容多时自适应高度，内容少时有最小高度min-height的值是分界点，小于min-height容器高度保持在min-height值，大于min-height值时容器自适应高度。a:内容增加，会把父元素高度撑开。b:当内容减少的时候，让容器保持一个最小高度。最小高度的设置：min-height没有最小高度，DI
前端之神风中告退·2020-07-30 21:16

前端学习笔记（7）之页面构建的技巧扩充

2个属性3个技巧空白空间的处理write-space溢出属性overflow单行文本溢出省略号显示布局页面的前期规划新闻列表流程空白空间的处理write-space属性值：prepre-wrappre-linenowrap不换行溢出属性overflowoverflow的两个子属性overflow-xoverflow-y属性值：visible默认值scroll产生滚动条auto自动hidden溢出隐
前端之神风中告退·2020-07-30 21:16

前端学习笔记（2）之CSS的零散知识总结

关于CSS的零散知识link和import区别样式表的权重关系样式表的层叠性导入外部样式表的两种方法关于选择器和伪类关于div内元素居中和color属性继承性网页布局中的命名规划文本大小fontsize控制文本类型font-family控制文本的行高line-heightlink和import区别link属于html@import属于css加载顺序：link和html同时加载而@import等待h
前端之神风中告退·2020-07-30 21:16

前端学习笔记（3）之css文本属性合集

文本模块缩进text-intent间距xxx-spacing控制文本大小写text-transform文本修饰text-decoration水平对齐方式text-align垂直对齐方式vertical-align文本加粗font-weight控制文本倾斜font-style文本换行处理解决input的border内嵌问题列表符号（不常用）缩进text-intent首行缩进：text-intent：
前端之神风中告退·2020-07-30 21:16

前端学习笔记 CSS 基础内容

参考视频：【极客学院】Web前端开发教学-第一部分：H5+CSS+JS参考文档：CSS教程W3school文章目录概述HTML引入CSS外部引入内部引入内联引入语法形式继承选择器通配符关系：分组选择器关系：派生(后代)选择器元素选择器id选择器类(class)选择器属性(值)选择器子元素选择器相邻兄弟选择器样式计量单位背景文本字体链接列表表格轮廓定位定位浮动常用操作对齐尺寸显示盒子模型四部分内容详
大熊软糖M·2020-07-30 21:15

前端学习笔记--分享

网页三层结构：结构+表现+行为核心技术：html+css+JavaScripthtml：超文本标记语言基本结构： 文档声明头    块级标签：         h1-h6、p、div、ul、ol、li、dl、dt、dd、br   行内标签：         span、i、em、b、strong   图片标签：            链接：         文本   表格：   table     
JackieDYH·2020-07-30 21:15
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他