前端
文章平均质量分 95
1.HTML、CSS、Javascript的语法和应用
2.Vue、React的语法和应用。
3.前端学习经验。
程序员jin
公众号:小金的学习笔记
展开
-
JavaScript 基础 (二)
作用:比较两个数据大小、是否相等。原创 2024-01-30 11:20:55 · 663 阅读 · 0 评论 -
JavaScript 基础 (一)
掌握 JavaScript 的引入方式,初步认识 JavaScript 的作用。原创 2024-05-28 15:03:29 · 869 阅读 · 0 评论 -
HTML5&CSS3提高
HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。原创 2024-05-28 11:16:20 · 292 阅读 · 0 评论 -
CSS(七)
网页中常见一些三角形,使用 CSS 直接画出来就可以,不必做成图片或者字体图标。height: 0;我们用css 边框可以模拟三角效果宽度高度为0我们4个边框都要写, 只保留需要的边框颜色,其余的不能省略,都改为 transparent 透明就好了为了照顾兼容性 低版本的浏览器,加上 font-size: 0;原创 2024-05-28 10:51:20 · 939 阅读 · 0 评论 -
CSS(六)
我们先来看一个效果,同时思考一下用标准流或浮动能否实现类似的效果?场景1: 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子.场景2:当我们滚动窗口的时候,盒子是固定屏幕某个位置的。结论**:要实现以上效果,**标准流 或 浮动都无法快速实现所以:1.浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。静态定位是元素的默认定位方式,无定位的意思。原创 2024-05-28 09:43:05 · 591 阅读 · 0 评论 -
CSS(五)
Cutterman是一款运行在photoshop中的插件,能够自动将你需要的图层进行输出, 以替代传统的手工 “导出web所用格式” 以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的图片尺寸、格式、形态输出,方便你在pc、ios、Android等端上使用。它不需要你记住一堆的语法、规则,纯点击操作,方便、快捷,易于上手。原创 2024-05-28 09:26:36 · 697 阅读 · 0 评论 -
css(四)
float 属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘。选择器 { float: 属性值;为什么需要清除浮动?父级没高度。子盒子浮动了。影响下面布局了,我们就应该清除浮动了。原创 2024-05-27 18:15:11 · 983 阅读 · 0 评论 -
css(三)
当上下相邻的两个块元素(兄弟关系)相遇时,如果上面的元素有下外边距 margin-bottom,下面的元素有上外边距 margin-top ,则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。 对于两个嵌套关系(父子关系)的块元素,父元素有上外边距同时子元素也有上外边距,此时父元素会塌陷较大的外边距值。继承的权重是0, 如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是 0。使用 margin 定义块元素的垂直外边距时,可能会出现外边距的合并。原创 2024-05-27 16:24:05 · 980 阅读 · 0 评论 -
CSS(二)
Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。 快速生成HTML结构语法 快速生成CSS样式语法 在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,可以更准确、更高效的选择目标元素(标签)后代选择器、子选择器、并集选择器、伪类选择器等等。原创 2024-05-27 15:42:45 · 747 阅读 · 0 评论 -
CSS(一)
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称,有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言。 CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。 CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化 HTML , 让 HTML 更漂亮, 让页面布局更简单。原创 2024-05-27 15:02:29 · 765 阅读 · 0 评论 -
HTML(二)
<dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd></dl>1.<dl>原创 2024-05-27 11:09:40 · 772 阅读 · 0 评论 -
HTML(一)
1.网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。2.网页是网站中的一“页”,通常是 HTML 格式的文件,它要通过浏览器来阅读。1.HTML 指的是超文本标记语言 (Hyper Text Markup Language) ,它是用来描述网页的一种语言。2.HTML 不是一种编程语言,而是一种标记语言 (markup language)。标记语言是一套标记标签 (markup tag)。原创 2024-05-27 10:37:13 · 1041 阅读 · 0 评论