前端学习
文章平均质量分 90
极具浪漫主义色彩的菜鸟学习之路
我们之所以觉得成长是一件糟糕的事,是因为我们没有变成自己喜欢的样子.校外大四学生。
大家好,我是极具浪漫主义色彩的菜鸟程序员,我自励成为一个资深的前端男孩,爱拍照和摄影的前端程序员️️,有自己的机车️,希望未来的自己可以成为一个通过去拍照去分享自己的生活,穿搭,旅行,快乐
展开
-
html中css的基础学习
cSS是层叠样式表( Cascading Style Sheets )的简称.有时我们也会称之为CSS样式表或级联样式表。CSS是也是一种标记语言CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式.边距等)以及版面的布局和外观显示样式。CSS让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS可以美化HTML,让HTML更漂亮,让页面布局更简单。cSS Fonts(字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)。原创 2022-11-16 10:32:15 · 385 阅读 · 0 评论 -
HTML表单标签<form></form>,保证看完就懂
> 表单可以接收用户输入的信息,然后将其发送到后端应用程序,例如 PHP、Java、Python> 等,后端应用程序将根据定义好的业务逻辑对表单传递来的数据进行处理。> > 表单属于 HTML> 文档的一部分,其中包含了如输入框、复选框、单选按钮、提交按钮等不同的表单控件,用户通过修改表单中的元素(例如输入文本,选择某个选项等)来完成表单,通过表单中的提交按钮将表单数据提交给后端程序。`单独写出from标签是不能完成发送数据的,需要配合其他组件的使用`...原创 2022-08-30 21:50:21 · 1820 阅读 · 0 评论 -
vscode编写html的快捷键(敲代码的快捷方式)
01. 输入!02. 注释:ctrl + /03.输入标签名自动补齐04. {}可输入标签内的文本05. 为了测试,不想打字,随机文本的输入06. 使用"#“输入id,”.“输入class,”[]"输入属性07.使用">“输入嵌套标签,”+" 输入并列的兄弟标签,"^"上级元素08.使用"()“对标签分组及使用”*"生成多个相同的标签09.自增符号$...原创 2022-08-30 21:47:39 · 8009 阅读 · 1 评论 -
初识HTML(兄弟姐妹们进来看看吧)
<!DOCTYPE html><!--标签;作用:在html文件最前面进行声明,定义文档类型,告知浏览器用html规范去解析文档--><!--什么是标签,由尖括号包裹着单词构成,如:<html>,所以标签不能由数字开头--><!--标签不区分大小写,但推荐小写,可以嵌套,但不能交叉嵌套。标签也称为,如内行标签亦可成为内行元素如:<a><b></b><a>--><html lang="en原创 2021-11-06 17:06:50 · 108 阅读 · 0 评论 -
CSS知识点进阶学习之字体图标,平面转换,渐变背景
这里写目录标题字体图标一、IconFont的下载二、IconFont的使用(fontclass引用)平面转换属性:`transform`属性值三级目录字体图标使用字体图标效果实现网页中简洁的图标效果如何在Iconfont下载字体图标和使用字体图标一、IconFont的下载首先打开官方网址,登录相关账号添加需要的图标入库添加到项目新建项目下载到本地二、IconFont的使用(fontclass引用)这里有三种引用,这里只说了fontclass引用还有Symbol 引用,Unico原创 2022-05-21 20:06:53 · 183 阅读 · 0 评论 -
【CSS属性中的装饰详解】
装饰基线垂直对齐方式三级目录基线基线:浏览器文字类型元素排版中存在用于对其的基线(baseline)问题:当文字和图片在一行中显示时,其实底部不是对齐的解决办法垂直对齐方式属性名:vertical-align属性值:属性值效果baseline默认基线对齐top顶部对齐middle中部对其bottom底部对齐三级目录...原创 2022-05-14 16:16:50 · 327 阅读 · 0 评论 -
【CSS定位的详细讲解,一看就懂】
每天浪漫主义,来自up主 加州旅行VLOG | 一号公路自驾 | 太平洋沿海公路看日落 | 丹麦小镇索尔万 | 卡梅尔海边小镇 定位定位相对定位position: relative绝对定位position: absolute子绝父相固定定位z-index 属性定位作用:可以让元素自由的摆在网页中的任意位置一般用于盒子之间的层叠情况应用场景:可以解决盒子与盒子之原创 2022-05-05 18:48:33 · 669 阅读 · 0 评论 -
【关于HTML文档标准流和css浮动的详细讲解】
什么是浮动标准文档流三微观现象三元素等级浮动认识浮动三级目录标准文档流在这里先说一下什么是标准文档流。标准文档流:又称文档流,是浏览器在渲染显示网页内容时默认采用的一套排版规则,规定了应该以何种方式排列元素。及标签默认的排版方式标准文档流:指的是元素排版布局过程中,标签的一个“默认”状态。元素会自动从左往右,从上往下的流式排列。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。标准文档流的特点:三微观现象、三元素等级三微观现象空白折叠现象:无论写多少个空格(或者换行),原创 2022-05-02 16:57:18 · 894 阅读 · 1 评论 -
伪类选择器和伪元素选择器详解
来自up主老橘长 “浪漫的不是海,是吹海风的我们” 结构伪类选择器和伪元素选择器结构伪类选择器关于E:nth-child(n)伪元素选择器伪类就是假的类伪元素来一个来链接,DMO树结构再来一个链接,伪类和伪元素的区别通过结构伪类选择器在HTML中定位元素结构伪类选择器结构伪类选择器,可以根据元素在文档中所处的位置,来动态选择元素优点:从而减少HTML文档对ID或类的依赖,有助原创 2022-04-29 18:26:05 · 2209 阅读 · 1 评论 -
css盒子模型详细讲解
盒子模型盒子模型的介绍内容的宽度和高度border 边框方位线形padding:内边距margin:外边距块级元素的对齐盒子模型的介绍什么是盒子模型了?页面中的每一个标签,都可以看作是一个是一个盒子,通过盒子的视角可以更方便的进行布局浏览器在渲染网页时,会将网页中的元素看作是一个个矩形区域在 CSS 中,所有的元素都被一个个的“盒子(box)”包围着,理解这些“盒子”的基本原理,是我们使用CSS实现准确布局、处理元素排列的关键。盒子中的区域一个盒子中主要的属性就5个:width、hei原创 2022-04-28 17:33:56 · 486 阅读 · 1 评论 -
css的三大特性讲解
css的三大特性继承性层叠性优先级的介绍权重叠加计算css的三大特性,分别是继承性,层叠性,优先级继承性继承性是指被包在内部的,将拥有外部标签的特性,也就是说子元素可以继承父元素的属性应该和Java的object一样,有继承关系的子类拥有父类的属性,同时也可以有自己独特属性继承性的介绍特性:子元素有默认继承父元素样式的特点(用成语来说,子承父业)可以继承的常见属性:文字控制属性都可以继承在css中以text-,font-,line-开头的属性都是可原创 2022-04-25 20:36:59 · 294 阅读 · 0 评论 -
css中背景相关属性,标签元素显示模式,HTML嵌套规范
背景相关属性背景颜色:background-color(bgc简写)背景图片:background-image(bgi)背景平铺背景位置背景颜色:background-color(bgc简写)属性名:background-color属性值:颜色取值:关键字,rgb表示法,rgba表示法,16进制…注意点:背景颜色默认值是透明:rgba(0,0,0,0)背景颜色不会影响盒子大小,而且还能看清盒子的大小及其位置,在一开始的布局中,会先给盒子设置背景颜色,以进行相关设计, <sty原创 2022-04-24 16:10:53 · 474 阅读 · 0 评论 -
关于HTML中选择器的进阶
选择器的进阶复合选择器后代选择器:空格隔开子代选择器:>并集选择器:,交集选择器hover伪类选择器:鼠标悬停在元素上的状态复合选择器后代选择器:空格隔开作用:根据HTML标签的嵌套关系,选择父元素后代中满足条件的元素选择器语法:选择器1 选择器2{css} 我们可以在选择器1中找到标签的后代[儿子,孙子,重孙…](下一代,下一代,下一代)中,找到满足选择器2的标签,设置样式我们需要注意的点:后代选择器中,选择器与选择器之间通过空格隔开 <style>原创 2022-04-24 14:48:11 · 215 阅读 · 0 评论 -
CSS基础学习
每天浪漫主义提示:来自哔哩哔哩博主原创 2022-04-22 15:56:15 · 299 阅读 · 0 评论 -
CSS 字体和文本样式
每天浪漫主义提示:来自哔哩哔哩博主 邓园长 【半岛铁盒】我真的没有鱿鱼! 一周把CSS复习一遍,并明确其含义并能够解释字体和文本样式em和px字体大小字体粗细字体样式字体系列em和px提示:px像素(Pixel)。 相对长度单位。像素px是相对于显示器屏幕分辨率而言的。提示:em。 em是相对长度单位。相对于当前对象内文本的字体尺寸。如在当前对原创 2022-04-07 15:02:27 · 140 阅读 · 0 评论 -
CSS基础 样式和选择器(学习笔记1)
每天浪漫主义提示:来自哔哩哔哩博主 被生活治愈的小人物 “窗外的世界和自由的风”-《三葉のテーマ》 计划: 一周把HTML和CSS复习一遍,并明确其含义并能够解释CSS学习层叠样式表CSS样式的引入方式内联样式嵌套样式外联样式选择器层叠样式表提示:层叠样式表 — 也就是CSS — 是你在HTML之后应该学习的第二门技术。HTML用于定义内容的结构和语义CSS原创 2022-04-02 17:15:11 · 429 阅读 · 0 评论 -
前端程序员《HTML》学习笔记(4)之语义化标签
每天浪漫主义提示:来自哔哩哔哩博主 旺仔大哥哥 【TOS2021】光遇/Meet light 计划: 一周把HTML和CSS复习一遍,并明确其含义并能够解释语义化标签没有语义的布局标签divspan有语义的布局标签<header>元素<nav>元素<article>元素<section>元素<aside>元素<原创 2022-03-31 15:56:54 · 4698 阅读 · 0 评论 -
前端程序员《HTML》学习笔记(3)之标签学习
“莎士比亚的花园,盛放着浪漫主义的玫瑰”原创 2022-03-29 15:57:17 · 4657 阅读 · 1 评论 -
前端程序员《HTML》标签学习
学习累了,就来听听超治愈的罗生门(Follow)吧原创 2022-03-28 18:30:34 · 4436 阅读 · 0 评论 -
前端程序员《HTML》(学习笔记1)
每天浪漫主义, “风已经开始有春天的味道了”原创 2022-03-27 17:03:23 · 1832 阅读 · 0 评论