广信IT学院
技术文献总结装订册
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
年级：2001 姓名：薛裕全
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
文献目录
| 顺序 | 文献编号 | 文献类型 | 题目 | 开发工具 | 关键技术 |
| 01 | 专题技术文献 | 前端的基本认识以及基础知识 | DW | Html | |
| 02 |
| ||||
备注：“文献编号”由学院工作人员填写；文献类型填写“专题技术”或“项目研发”
广东信息科技职业培训学院编制
评 分
文献总分： 折算后标准分： 阅卷教师签名
（有效）专题技术文献评分
| 序 号 | 题目 | 各项评分 | 文献 得分 | |||
| 主题 深浅 （20） | 描述 清晰 （40） | 图文 搭配 （20） | 分享 评定（20） | |||
| 01 | 数据库Models的引用说明 | |||||
| 02 |
Session 对象的一些了解 | |||||
| 专题技术文献平均分： 文献数量加分： 篇x10分/篇= 分 专题技术文献总分： | ||||||
项目研发文献评分
| 序 号 | 题目 | 各项评分 | 文献 得分 | |||
| 业务模块数量 （20） | 模块复杂度 （30） | 图文 描述 （30） | 分享 评定（20） | |||
| 01 | ||||||
| 02 | ||||||
| 项目研发文献平均分： 文献数量加分： 篇x10分/篇= 分 项目研发文献总分： | ||||||
备注：
1、分享评定：发表到指定的3个网站，成功1个加5分，成功2个加10分，成功3个加20分。
2、实际总分=专题技术文献平均分+项目研发文献平均分*3。
3、所有文献必须提交对应的程序源码和项目演示视频，按照表格题目命名，放在同一个文件夹。
4、文献和源码、视频等文件，统一放到一个文件夹里面并提交给班长，文件夹命名格式如：
“广信IT17-1张悦190119文献与源文件”。
前端的基本认识以及基础知识
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术： html
作者：薛裕全
撰写时间：2021/8/26
草料二维码生成器 ：https://cli.im/
1 、 前端开发
—— 前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过 HTML，
S CSS 及 JavaScript t 以及衍生出来的各种技术、框架、解决方案，来实现互联网
产品的用户界面交互
2 、 HTML( 超文本标记语言 )
—— HTML 是一种标记语言，能够实现 Web 页面并在浏览器中显示。5 HTML5 作为
HTML 的最新版本，引入了多项新技术，大大增强了对于应用的支持能力，使得
Web 技术不再局限于呈现网页内容。
3 、 CSS( ( 层叠样式表) )
——CSS 是网页外观的重要一点，CSS 可以帮助把网页外观做得更加美观。
4 、 Javascript （ 脚本语言 ）
——是一种动态类型、弱类型、基于原型的语言，内置支持类型。用来给 HTML 网
页增加动态功能。
5 、html 文件结构简介
基础知识内容
- HTML标签
Html标签是由尖括号包围的关键词，如<html>
（1）标签对
Html标签通常都是成对出现的，如<html></html>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也称为开放标签和闭合标签
（2）自闭和标签
Html标签中存在一些单独呈现的标签，如<img/>
2、CSS样式（Cascading Style Sheets 层叠样式表）
CSS为Html标记语言提供了一种样式描述，定义了其中元素的显示方式
- 书写格式
（2）CSS样式代码应用到HTML页面的几种方式
行内样式
利用HTML元素中的style属性，样式作为元素style属性的值
内部样式：将样式表放置在HTML网页文档head标签中的<style></style>内部
例：
外部样式
单独将样式表写入到一个文件，文件的扩展名为CSS，然后通过HTML的link标签链接外部样式表文件
HTML 部分
CSS部分
3、CSS选择器
在CSS中，选择器是一种模式，用于选择需要添加样式的元素 “CSS”列指示该属性是在哪个CSS版本中定义的。（CSS1、 CSS2 还是CSS3。）
元素选择器（标签选择器）
元素选择器，选择的是页面上所有指定类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”。
例：
（2）ID选择器
针对某一个特定的标签来使用，只能使用一次。ID选择器的选择符是“#”。
例：
注：任何的HTML标签都可以有ID属性，表示这个标签的名字。这个标签的名字，可以任意取，但是：
1、只能有字母、数字、下划线；
2、必须以字母开头；
3、不能和标签同名。比如id不能命名为body、img、a；
- 区分大小写，也就是说header和Header是两个不同的id
(3)class类选择器
针对所有的标签使用，类选择器的选择符是“，”。
例：
（4）后代选择器
形如ele1 elel2，表示所有属于ele1元素后代ele2元素，空格表示后代。注：这两个元素不一定是紧挨着的，即不一定是父子关系，只要保持一个后代的关联即可，也就是说，选择的是后代，不一定是儿子。
例：
（5）子元素选择器
区别于后代选择器，子元素选择器只能作为选择指定元素的子元素 例：
（6）交集选择器 关系图如下
（7）并集选择器
三种基本选择器都可以放进来，定义的时候用逗号隔开
例：
4、CSS权重
一个元素可以通过不同的方式被选择，但是这些选择出现冲突该如何处理？
通过不同的方法选择一个元素会有不同的权重，如果权重大，就依照权重大的。如果权重一样大，就选择定义在后面的元素定义。
使用后代选择器时，每一级不同的表述方式，直接进行相加，最后进行权重的比较
| 链接 发表平台 | 文章发表网站链接URL | 文章发表网站链接【二维码】 | 发表者 |
| CSDN个人博客 | 学生本人 薛裕全 | ||
| 百度贴吧：广信IT学院吧 https://tieba.baidu.com/f?kw=%E5%B9%BF%E4%BF%A1it%E5%AD%A6%E9%99%A2 （百度贴吧正文开头添加本文章CSDN的两个发表链接） | 学生本人 薛裕全 | ||
| 百度贴吧：广东信息科技职业培训学院吧 （百度贴吧正文开头添加本文章CSDN的两个发表链接） | 学生本人 薛裕全 | ||
草料二维码生成器 ：https://cli.im/
文献种类：专题技术总结文献
开发工具与关键技术： html
作者：薛裕全 ；年级：2101 ；撰写时间：2021 年 8 月 26日
文献编号： 归档时间： 年 月 日
3850
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
