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笔记 (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笔记 (9.像素和百分比) 像素和百分比显示器是由一个个小方格组成的不同屏幕的像素的大小是不同的,像素点越小的屏幕越清晰。所以同样的200px在不同 的设备下显示效果不一样。 像素的单位px表示像素:200px 300px 百分比将属性值设置为相对于父元素的百分比例子:后面两个.box2的效果是一样的 1234567891011121314151617181920212223242526272829303132<!D 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (11.CSS布局) 布局文档流(normal flow)网页是一个多层结构,一层摞着一层通过css可以分别为每一层来设置样式作为用户来讲只能看见最上面一层(ps图层的概念)这些层中最底下一层称为文档流,文档流是网页的基础,我们创建的元素默认都是在文档流中进行排列的元素有两个状态:在文档流中,和不在文档流中(默认在) 元素在文档流中的特点块元素块元素独占一行(自上向下垂直排列 )默认宽度是父元素的全部(把父元素盛满) 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (10.颜色单位) 颜色单位在css里可以直接使用颜色来设置各种颜色(不方便)) RGB值RGB通过三种颜色的不同浓度来调配出不同颜色R:redG:greenB:blue每一种颜色的范围都在0-255之间语法:RGB(红色,绿色,蓝色)这里是光的三原色:所以都为0时为黑色,都为255为白色 RGBAA:在RGB基础上多一个不透明效果(1不透明——0完全透明) 十六进制的RGB值语法:#红色绿色蓝色颜色浓度:00-ff 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (汇总版) [toc] 前端HTML+CSS学习总体介绍:前端开发(客户端):1.文字客户端2.图形化客户端(C/S架构(client/server))3.网页(B/S架构(browser/server))网页的优点(相比图形化)跨平台 无需安装 无需更新(客户) 网页使用的语言HTML CSS JavaScript 网页开发概览:环境:浏览器:渲染网页 开发标准: 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
JavaScript笔记 (1.JavaScript介绍) 介绍组成由ECMAScript,DOM,BOM三部分组成 特点1.解释型语言不用编译 2.类似于c和java的语法结构3.动态语言4.基于原型和面对对象hello worldjs是从上到下一行一行的执行的例子: 123456789<script> // 控制浏览器弹出一个警告框 alert("这是我的第一行js代码") // 2023-06-05 计算机及嵌入式软件 > 编程语言 > JavaScript #JavaScript
JavaScript笔记 (2.JavaScript基础语法) 基础语法[[2.1注释]] [[2.2 格式要求]] [[2.3 字面量和变量]] [[2.4 标识符]] [[2.5基本数据类型]] [[2.6 强制类型转换]] [[2.7 运算符]] [[2.8 运算符的优先级]] [[2.9 代码块]] [[2.10 流程控制语句]] [[2.11 条件分支语句]] [[2.12 循环语句]] [[2.13 对象]] [[2.14 函数]][[2.15 数 2023-06-05 计算机及嵌入式软件 > 编程语言 > JavaScript #JavaScript
JavaScript笔记 (10.JavaScript循环语句) 循环语句while语句通过循环语句可以反复的执行一段代码多次 123456789101112while循环: - 语法: while(条件表达式){ 语句... } - while语句在执行时, 先对条件表达式进行求值判断, 如果值为true,则执行循环体, 循环体执行完毕以后,继续对表 2023-06-05 计算机及嵌入式软件 > 编程语言 > JavaScript #JavaScript