微信小程序笔记 (7.微信小程序基础加强) 小程序 - 基础加强自定义组件自定义组件 - 组件的创建与引用1. 创建组件① 在项目的根目录中,鼠标右键,创建 components -> test 文件夹② 在新建的 components -> test 文件夹上,鼠标右键,点击“新建 Component”③ 键入组件的名称之后回车,会自动生成组件对应的 4 个文件,后缀名分别为 .js,.json, .wxml 和 .wxss注 2023-06-06 计算机及嵌入式软件 > 计算机前端 > 微信小程序 #微信小程序
HTML+CSS笔记 (2.HTML基础学习) HTML基础学习1.HTML介绍:HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。 “超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (1.总体介绍) 总体介绍:前端开发(客户端):1.文字客户端2.图形化客户端(C/S架构(client/server))3.网页(B/S架构(browser/server))网页的优点(相比图形化)跨平台 无需安装 无需更新(客户) 网页使用的语言HTML CSS JavaScript 网页开发概览:环境:浏览器:渲染网页 开发标准:W3C(万维网联盟)—->统一 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (4.使用css来修改网页中原始的样式) CSS介绍CSS用于控制页面中元素的样式(表现)(层叠样式表)是一个多层结构,用CSS给每层设计样式,最终看见的是网页上最上面的一层(ps图层的原理) 使用css来修改网页中原始的样式1.style属性(内联样式)在标签内部通过style属性来设置元素的样式(不推荐使用)内联样式只能对一个标签生效,影响多个元素要写很多遍,样式变化不方便修改和维护。!开发时不要使用内联样式例: 1<p sty 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (5.css基本语法) css基本语法在style标签内部,不属于html,与html隔离,需要遵守CSS的语法 12345<head> <style> /* style标签内部,就不归html管理了*/ </style></head> css的注释使用/* */ 12345678/*这是个注释*/p{ t 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (3. HTML语法/特性学习) HTML语法/特性学习实体实体的作用:在网页里编写的多个空格默认被解析为一个空格,不能直接书写一些特殊符号:多个空格,大于,小于号等在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities) 实体的语法&实体的名字 例: 123 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (8.CSS选择器的权重) 选择器的权重样式的冲突:当我们通过不同选择器,选择相同的元素,并且为其设置不同的样式(不同的值),此时发生样式冲突。发生样式冲突时由选择器权重(优先级)决定。(选择器越具体权重越高) 选择器的权重值:内联样式 优先级:1000ID选择器 优先级:0100类和伪元素选择器 优先级:0010元素选择器 优先级: 0001统配选择器 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (7.样式的继承) 样式的继承继承:为一个元素设置的样式会被应用到其后代元素身上继承是发生在祖先和后代元素之间继承是为了方便进行开发并不是所有的样式都会被继承,比如背景,布局等元素。 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (6.CSS选择器) 选择器元素选择器根据标签名来选中指定的元素语法:标签名{}例子:P{} h1{} 1234567<style>p{color :red;}</style> id选择器根据元素ID来选中指定的元素(ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。)语法: #id属性值{}例子:#box{} #re 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (9.像素和百分比) 像素和百分比显示器是由一个个小方格组成的不同屏幕的像素的大小是不同的,像素点越小的屏幕越清晰。所以同样的200px在不同 的设备下显示效果不一样。 像素的单位px表示像素:200px 300px 百分比将属性值设置为相对于父元素的百分比例子:后面两个.box2的效果是一样的 1234567891011121314151617181920212223242526272829303132<!D 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS