前端学习笔记
文章平均质量分 68
啃完前端,月入过万。
世澈
继续卷。
展开
-
CSS中的字体
常用属性属性名描述font-family设置字体;font-style设置字体的风格,例如倾斜、斜体等;font-weight设置字体粗细;font-size设置字体尺寸;font-variant将小写字母转换为小型大写字母;font字体属性的缩写,可以在一个声明中设置多个字体属性。font-famliy设置方式系统字体在style标签内的对应选择器下设置:font-family:'宋体','黑体';应用此方法时,若开发者和原创 2022-05-14 14:24:34 · 797 阅读 · 0 评论 -
CSS中的颜色
注意:避免使用饱和度过高的颜色;使用黑色、白色时避免使用纯黑、纯白;颜色表示方法名称版本简介Color NameCSS1用颜色名称来指定颜色HEXCSS1十六进制记法RGBCSS2rgb记法RGBACSS3rgba记法HSLCSS3hsl记法HSLACSS3hsla记法transparentCSS1/CSS3全透明颜色名称基本颜色关键字;系统颜色(避免使用);拓展颜色关键字;HEX语法:#原创 2022-05-13 16:22:18 · 344 阅读 · 0 评论 -
CSS中的盒子模型、怪异盒子模型
盒子模型构成:Margin(外边距)清除边框外的区域,外边距是透明的。Border(边框)围绕在内边距和内容外的边框。Padding(内填充)清除内容周围的区域,内边距是透明的。Content(内容)盒子的内容,显示文本和图像。应用方式box-sizing:content-box; 边框边框样式p{ border-color: ; border-width: ; border-style: ;(必填项)}四条边框的顺序也是顺时针的原创 2022-05-13 14:57:37 · 282 阅读 · 0 评论 -
CSS中元素分类及元素类型转换相关知识
元素分类行内元素;块元素;行内块元素;行内元素(inline)又称内联元素;始终以行内逐个进行显示;宽高:不单独占行,无法设置宽高;宽度、高度均取决于自身内容;比如:a、span;块元素(block)又称块状元素;宽高:单独占行、可改变宽高;默认状况下:宽度:100%;高度:自身内容高度;比如:div、ol、ul;行内块元素(inline-block)又称内联块元素;不单独占行;宽高:默认宽高为自身内容宽高,但可以修改;网页布局时易原创 2022-05-12 23:50:05 · 150 阅读 · 0 评论 -
CSS中的定位:相对定位、绝对定位、浮动
定位:允许编程时定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置;三种基本的定位机制普通流;除非专门指定,否则所有框都在普通流中定位;浮动;绝对定位;绝对定位position属性属性值的含义:static默认值;元素框正常生成:元素出现在正常的流中,忽略top、bottom、left、right或者z-index声明;relative(相对定位)元素框相对于其正常出现位置偏移某个距离;元素仍保持其未定位前的形状,它原创 2022-05-12 22:00:02 · 882 阅读 · 0 评论 -
CSS选择器相关内容
注意:重复选择时,效果为最后一次设定的值;选择器优先级通过优先级来判断哪些属性值与一个元素最为相关,从而在该元素上应用这些属性值;最高到最低顺序为:id选择器、类选择器、标签选择器、子选择器、后代选择器、伪类选择;赋予高权重:在属性值之后,分号前面加入“!important”。color:red !important;常用选择器权重:选择器权值id选择器100class选择器10元素选择器1!important1000选择器分类原创 2022-05-12 16:00:05 · 107 阅读 · 0 评论 -
CSS语法简介及使用方式
语法简介CSS语句由两个主要的部分构成:选择器,以及一条或多条声明:选择器就是你要改变样式的HTML元素;每条声明由一个属性和一个值组成;属性(property)是你希望设置的样式属性(style attribute);每个属性有一个值;属性和值被冒号分开;使用方式(添加到HTML中)嵌入式(内部样式表)使用HTML文档头部<head>区域使用style元素来包含CSS;适用于单个文件需要特别的样式时;<head> <style type=原创 2022-05-12 15:54:45 · 234 阅读 · 0 评论 -
HTML5简介及语义化标签
HTML5:新的语义元素,比如<header>, <footer>, <article>, <section>。新的表单控件,比如数字、日期、时间、日历和滑块。强大的图像支持(借由<canvas>和<svg>)强大的多媒体支持(借由<video>和<audio>)强大的新API,比如用本地存储取代cookie。简化后的标签<meta>HTML5:<meta charset原创 2022-05-11 19:31:15 · 135 阅读 · 0 评论 -
sessionstorage、localstorage、cookie的简介及对比
webstorage(本地存储)webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage;目标:提供一种在cookie之外存储会话数据的路径提供一种存储大量可以跨会话存在的数据的机制WebStorage的优点存储空间更大:cookie为4KB,而WebStorage是5MB节省网络流量:WebStorage不会传送到服务器,存储在本地的数据可以直接获取,也不会像cookie一样美词请求都会传送到服务器,所以减少了客户端和服务器端的交互原创 2022-05-11 18:44:01 · 427 阅读 · 0 评论 -
HTML文本格式化
文本格式化HTML可定义很多供格式化输出的元素;常用文本格式化标签标签描述举例效果<b>定义粗体文本<b>This text is bold</b>This text is bold<big>定义大号字<big>This text is big</big>This text is big<em>定义着重文字<em>This text is emphasiz原创 2022-05-10 12:22:06 · 1529 阅读 · 0 评论 -
HTML属性
属性定义属性可以为元素添加附加信息;一般描述于开始标签;以键值对的形式出现;属性使用标准使用小写属性、属性值;始终为属性值加引号;当属性值本身包含双引号时,最外层可使用单引号;常见属性id适用于大多数html元素,用于定义元素唯一的id(不可重复);可作为css文件中选择器识别名称;class适用于大多数html元素,定义了元素的类名,通常用于指向样式表的类。charsetHTML的编码方式由meta标签定义,编码方式在charset属性中指定;举例:原创 2022-05-10 12:21:09 · 121 阅读 · 0 评论 -
HTML的引入及常见标签
编程流程创建文件夹(英文名称)打开VS软件file->open folder->之前创建的文件夹在文件夹中创建文档,修改后缀为.html标签(tag)HTML 元素以开始标签起始,以结束标签终止;HTML 标签 (HTML tag):HTML 标签是由尖括号包围的关键词,比如 < html >;HTML 标签通常是成对出现的,比如 < b >和 < /b >;标签对中的第一个标签是开始标签,第二个标签是结束标签。开始和结束标签也被原创 2022-05-09 19:10:27 · 818 阅读 · 0 评论 -
浏览器简介及前端的引入
浏览器发展史时间人物事件特征1991Berners Lee建立了第一代网络浏览器World Wide Web只支持显示文本图片1993马赛克开发出Mosaic内核的马赛克浏览器可以同时显示文本和图像1994网景开发出Gecko内核(旧),及网景Netscape浏览器显示简单的静态html1994Opera1995微软发布IE1.0和IE2.01996微软发布IE3.0与windows操作系统集成1998网景原创 2022-05-09 13:53:07 · 233 阅读 · 0 评论