前端小项目
关注
分享
扫一扫
文章平均质量分 53
卑微-程序员
这个作者很懒，什么都没留下…
展开
-
jQuery基础
文章目录jQueryjQuery css()方法jQueryjQuery是一个js的函数库，可以用美元符号定义它，然后用选择器查询和查找html元素，jQuery的action执行对元素的操作；$(document).ready(function(){})$(function(){})$本身是一个函数，参数不一样，功能不一样；$(function(){})参数是function，说明是入口函数；$("#btnSetConent")参数是字符串，并且以#开头，是一个标签选中，查找id；$(“原创 2021-05-17 22:53:38 · 120 阅读 · 0 评论 -
千行简述，从HTML到JS基础，后续待更
HTML+CSS1. 浏览器的内核分为渲染引擎和JS引擎;2. 渲染引擎是负责取得网页内容(HTML,XML,img),整理讯息(加入CSS)等;3. JS引擎是负责解析Javascript语言,实现网页的动态效果;4. 常见的浏览器内核:Trident(IE),EdgeHTML(edge),Gecko(firefox),Webkit(Safari),Blink(chrome);5. web标准主要包括结构(HTML),表现(CSS)和行为(JS);6. HTML是一种超文本标签语言,通过标签来原创 2021-05-12 22:11:25 · 198 阅读 · 0 评论 -
百行详解:CSS盒子模型加选择器
文章目录CSSCSS字体属性选择器标签显示模式背景盒子模型CSScss用于美化html页面,称为层叠样式表;可以不将css单独拿出来,而是写在html的head标签,标签名之中;<head> <style type="text/css"> 选择器{属性:属性值;} </style></head><标签名 style="属性:属性值;">内容</标签名>而将css单独拿出来,作为外部样式表的时候,我们需要在htm原创 2021-05-06 21:40:01 · 305 阅读 · 1 评论 -
前端基础（三）HTML语法规范，基本结构标签
html语法规范html标签是由尖括号包围的关键词标签通常的成对出现的，我们称为双标签，标签中的第一个标签是开始标签，第二个的结束标签。有些特殊标签是单标签。双标签可以分为两类，包含关系和并列关系包含关系：一个双标签包含一个双标签，父子关系。并列关系：兄弟关系。<!--标签是成对出现的--><!--html标签和head标签是包含关系，head标签和body标签是并列关系--><html> <head></head>原创 2021-02-04 19:40:43 · 198 阅读 · 0 评论 -
web标准与构成（前端基础二）
web标准由w3c组织和其他标准化组织制定的一系列标准的集合为什么需要web标准浏览器不同，他们显示的页面也是不同的，通过web标准来展现同样的页面。web标准的构成有结构，表现和行为三方面结构用于对网页元素进行整理和分类，主要是HTML，类似身体表现则是设置页面的格式，主要指CSS，类似外观装饰行为则是网页模型的定义和交互的编写，主要是JavaScript，类似行为动作结构，样式，行为分离...原创 2021-02-03 17:25:14 · 98 阅读 · 0 评论 -
前端闲聊(一)
什么是网页网页俗称html文件，可以呈现图片，文字，视频，声音等元素。什么是HTMLHTML是超文本标签语言，不是编程语言而是标记语言，标记语言就是一套标记标签<img src="*.png">这就是标记图片文件，给网页放入图片常用浏览器及内核目前前端开发常用浏览器是edge，chrome，safari，firefox，opera浏览器内核是负责读取网页内容，整理讯息，计算网页显示方式|浏览器|内核 ||国内浏览器|Trident/或者使用webkit（不想开发新内核烧原创 2021-02-02 12:25:02 · 132 阅读 · 0 评论 -
水墨画风格首页HTML+CSS
成品HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我有古诗三千</title> <link rel="stylesheet" href=原创 2021-02-01 19:22:01 · 2462 阅读 · 0 评论 -
高档次自适应导航页HTML+CSS
话不多说，依旧是直接上代码index.css*{ margin: 0; padding: 0; font-family: "montserrat",sans-serif; box-sizing: border-box;}.services-section{ background: url(../bg.jpg); background-size: cover; padding: 110px 0;}.inner-width{ width原创 2021-01-30 20:47:37 · 574 阅读 · 0 评论 -
玻璃拟态的时钟制作
直接上代码和图片，有问题的建议面向搜索引擎图片这是一张时钟图，背景是白色的，所以现在看不见，保存下来，导到vs里面就看见了。html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title原创 2021-01-29 18:00:46 · 570 阅读 · 1 评论