1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 如何提高css选择器效率 前端开发html要掌握哪些知识 – CSS – 前端 css3位移

如何提高css选择器效率 前端开发html要掌握哪些知识 – CSS – 前端 css3位移

时间:2019-07-07 19:08:38

相关推荐

如何提高css选择器效率 前端开发html要掌握哪些知识 – CSS – 前端 css3位移

HTML

写网页怎么离得开html,html也叫超文本标记语言,它包括很多标签。通过标签对文字,图片,声音,视屏等网页元素进行格式化处理。html就是网页的基础。

CSS

CSS是层叠样式表的英文简称,CSS能够对网页的元素的位置进行排版,那些漂亮的网页就是用CSS进行排版的,什么元素在什么位置都是通过CSS进行处理的,部分网页的动态效果也是用css实现的,常见的loading样式,鼠标进入图片放大等效果都可以用CSS实现。网页的布局离不开CSS。

Javascript

JavaScript简称js,是一款解释型脚本语言,它对网页的作用就是处理用户事件的,比如网页的元素被点击后有什么效果,就需要利用js进行事件绑定。比如登录界面,用户输入账号密码后点击登录。js就会处理这些事件,去访问后台拿到结果后判断是否登录成功。总之,js就是处理事件的。

前端框架

前端框架就是对js的二次封装,把常用的功能封装起来,提高开发者的开发效率。

常见的前端框架有jquery:独特的链式语法和简洁的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展。

Bootstrap:让页面更加简洁、直观。是移动设备优秀的前端开发框架,让网页开发更迅速、更简单。它还提供了优雅的HTML和CSS规范,有着丰富的网格布局系统以及大量的可重用组件,还支持JavaScript、jQuery插件以及组件定制等。

AngularJS:有很多特性,最为核心的是MVW(Model-View-Whatever)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

Vue:Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

调试工具

网页写好了,总是要看看效果的,这个时候调试工具是必要的,一般都是用浏览器进行调试,chrome,Firefox等主流浏览器的网页调试方法都要会。

以上都学会了,就需要项目进行实战了。

@ 智能感知的意义?

智能制造经常提的那一套说法,第一步就是智能感知。这个东西说多了,有时候就容易忽视其中内在的本意,所以说,想细究智能感知这个事情。

(1)感知的核心是对生产异常或问题的感知

制造运行是一个系统性关联的运行,一般意义上来说,很难说制造系统运行能够按照大家预定的方式持续稳定的完成运行,其中必然会出现各种各样的突发事件或者生产扰动。所以偶感觉所谓的感知,很大程度上是对生产异常的感知。

(2)智能性主要体现在时间和关联两个维度

如果等到生产异常发生了,制造系统感知到这种异常,其实这是一种事后的。在这种情况下,大家一般按照一个既定的流程进行处理,其实就可以,这个其实称不上什么智能的。因此,从时间维度上面来说,智能感知的智能性应该体现在事先。

从制造运行各个环节所产生的这种状态。一般来说都是相对孤立的,或者说大家是一个一个上来的。但是由于制造系统的运行是属于关联性比较强的那种方式,因此这些独立环节之间的状态关联,综合起来对于制造系统运行可能会产生影响。因此,相对于单一环节单一状态的显式感知,这种多环节多状态关联的隐式感知是智能性的集中体现。

(3)智能感知需要系统性的思维

一般来说大家做事情都是希望这个事情在自己的一个严谨严密的体系下面,也就是说是希望能够预先知道要感知哪些东西。虽然现在有所谓的大数据分析,能够发现一些之前难以明显感知到的那种规律或者规则,但这个毕竟可操作性不强。偶认为这个方面的系统性思维主要体现为可靠性制造运行整体思维。

应该立足于形成制造系统运行的可靠性思维,建立业务运行的关联因素图谱,可以采用各种现成的分析工具,甚至可靠性工程中那种FMEA、故障分析树及其求解方法(例如求解最小割集等),都可以拿来用。

@ css分类?

css 样式表分类

一,样式表分类

(1)内联样式【优先级最高】【常用】【代码重复使用性最差】

(当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。)

(2)内嵌样式表【优先级第二】【最不常用】【代码重复使用性一般】

(当单个文件需要特别样式时,就可以使用内嵌样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。)

(3)外部样式表【优先级最低】【最常用】【代码重复使用性最好】

(当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。)

I。先创建一个样式表

II。写入样式表内容,调整样式表位置

二。选择器

每一条css样式定义由两部分组成,形式如下:

选择器

{样式}

在{}之前的部分就是“选择器”。

“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。

选择器是选择器,外部样式表只是代码位置

(1)类别选择器( class选择器)【第二优先级】【最常用】

前面以"." 来标志,如:

.d1

{

color:red;

}

在HTML页中:

【1】<div;>文字</div> 文字颜色为红色

【2】<p;>文字</p >文字颜色为红色

定义了一个class类,将样式应用到了元素中。

(2)id选择器【第一优先级】【最常用】

前面以"#"来标志,如:

#d2

{

color:blue;

}

在HTML页中:

<div>文字</div>文字颜色变为蓝色【id选择器优先级高于类别选择器】

(3)标签选择器(根据标签名选择)【第三优先级】【如果同时出现类别选择器和id选择器,按照优先级来及执行】【最不常用】

前面以"标签名"来标志,如:

div

{

color:red;

}

在HTML页中:

<div>文字<div>文字颜色变为红色

(4)复合选择器【有id第一优先级/都是类别选择器第二优先级】【最最常用】

[1]群组选择器

当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔。

.d1,#d2

{

color:red;

}

在HTML页中:

【1】<div;>文字</div> 文字颜色为红色

【2】<p;>文字</p >文字颜色为红色

使用群组选择器,将会大大的简化CSS代码,将具有多个相同属性的元素,合并群组进行选择,定义同样的CSS属性,这大大的提高了编码效率,同时也减少了CSS文件的体积。

[2]后代选择器

后代选择器也称为包含选择器,用来选择特定元素或元素组的后代,将对父元素的选择放在前面,对子元素的选择放在后面,中间加一个空格分开。

.d1 #d2

{

color:blue;

}

在HTML页中:

<div>文字</div>文字颜色变为蓝色

后代选择器是一种很有用的选择器,使用后代选择器可以更加精确的定位元素。

@ 软件测试自学学习路线图?

软件测试学习路线图,先给你一张全的,之后再分一点点给你说。

软件测试学习路线图(整体的)

软件测试视频第一阶段-前置基础知识1、学习目标:学完后目标:熟悉计算机及测试理论的相关概念,掌握HTML,CSS及JS基础语法及应用。

2、知识点:

1)计算机基础计算机组成部分、操作系统分类、B/S和C/S架构、常用DOS命令、服务器域名2)测试理论软件测试的目的、软件测试定义、软件测试原则、产品质量模型、测试基本流程3)HTML基础HTML基础语法、标签属性、图片标签、超链接、锚点、表单4)CSS基础CSS基础语法、CSS四类选择器、常用文字属性、行高属性、边框、盒子模型、内外边距5)JS基础

JS基础语法、JS引入方式

软件测试视频篇第二阶段-linux和数据库1、学习目标:学完后目标:掌握linux的常用操作命令及数据库的增删改查,熟悉数据库高级功能。熟悉非关系数据库redis。2、知识点:1)LINUX(熟悉)操作系统介绍、操作系统发展历史、CentOS图形界面、文件和目录、常用LINUX命令使用、vim文本编辑器的使用2)数据库介绍(熟悉)数据库基本概念、关系型数据库介绍、MySQL安装与使用、Navicat使用3)SQL语言(重点)数据表操作、数据操作-增删改查、条件查询、排序、聚合函数、分组、分页、连接查询、自关联、子查询、子查询演练4)数据库高级功能(了解)数据库设计、命令行操作数据库、函数、存储过程、视图、事务、索引、外键、用户密码软件测试视频篇第三阶段-测试基础1、学习目标:学完后目标:熟练掌握测试用例的设计方法及缺陷的编写方法,熟练掌握缺陷管理工具禅道或jira。2、知识点:1)软件测试理论2)软件生命周期3)测试方法和分类4)测试用例设计黑盒测试用例设计方法、白盒测试用例设计方法5)缺陷及缺陷管理工具缺陷属性、缺陷生命周期管理、禅道和jira6)测试其他

测试流程、测试计划编写、测试报告模版、测试报告分析

软件测试视频篇第四阶段-编程+数据结构1、周期与目标:学完后目标:能熟练掌握python编程基础语法,熟悉常用的数据结构,掌握常见的排序算法。2、知识点:1)PYTHON编程计算机组成原理、python开发环境、python变量、流程控制语句、高级变量类型、函数应用、文件操作、面向对象、异常处理、模块和包2)数据结构算法、时间复杂度和空间复杂度、python列表类型性能测试、列表字典内置操作的时间复杂度、顺序表、单向链表、双向链表、栈和队列、二叉树3)排序算法

冒泡排序、选择排序、插入排序、希尔排序、快速排序、归并排序

软件测试视频篇第五阶段——WEB自动化

1、学习目标:

学完后目标:熟练掌握selenium元素定位方法和常见元素操作,掌握HTML特殊元素的处理,js定位,unittest框架。2、知识点:1)WEB自动化入门自动化测试分类及自动化适用的项目、自动化测试框架选型、Selenium的发展历史及工作原理、SeleniumIDE插件使用、Firebug插件使用2)WEB自动化基础元素基础定位方法、Xpath,CSS元素定位方法、元素常见操作、浏览器的基本操作方法3)WEB自动化中级鼠标键盘操作、元素显示等待和隐式等待、HTML特殊元素处理、窗口截图4)WEB自动化高级

自动化测试模型、UnitTest框架、UnitTest断言、UnitTest与htmlreport的结合使用、UnitTest与DDT结合,实现数据驱动、UnitTest与logger结合使用

软件测试视频篇第六阶段——移动自动化

1、学习目标:

学完后目标:熟练掌握接口测试用例设计方法,掌握jmeter工具的使用,熟悉接口框架的设计和开发2、知识点:1)移动自动化基础移动端测试分类及特点、ADB命令及Monkey使用、appium环境搭建、appium工作原理2)移动自动化中级APP和手机系统操作、元素定位、元素操作、高级手势操作、混合APP测试、PyTest测试框架、定制测试报告、数据读写3)移动自动化高级

PO模式、数据驱动、关键字驱动

软件测试视频篇第七阶段——接口测试

1、学习目标:

学完后目标:掌握移动端产品测试的特点,熟练掌握adb及monkey的使用,熟练掌握元素定位和常见操作,掌握pytest框架及PO模式,数据驱动,jenkins持续集成,熟悉关键字驱动框架设计2、知识点:1)接口基础接口相关概念、接口测试实现流程、RESTful 架构风格、JSON基本语法、浏览器插件安装以及使用、postman及fiddler使用2)JMeter入门JMeter安装以及基本使用、JMeter组件之线程组3)JMeter组建参数化CSV Data Set Config、用户参数、用户定义的变量、函数4)JMeter常用组件直连数据库、关联、断言、集合点、函数详解、逻辑控制器、分布式、QPS、FTP、图形监控器5)接口框架自动化requests库使用及脚本封装、unittest框架、mock实现6)接口框架设计及实现框架设计、数据库操作、数据依赖解决、接口异常处理、统计报告及邮件发送、持续集成7)接口测试项目项目:接口清单提取、项目:功能测试、项目:性能测试、项目:自动化测试软件测试视频篇第八阶段——性能测试

1、学习目标:

学完后目标:掌握性能测试的概念,分类及测试流程,掌握loadrunner的使用,熟悉性能测试调优方法。2、知识点:1)性能测试基础性能测试理论、性能测试分类、性能测试常用指标、工具选择、LoadRunner安装与注册、性能测试步骤2)VuGen协议、参数化、集合点、事务、检查点、思考时间、关联3)Controller手动场景设计、场景运行、IP Wizard应用、负载生成器、服务水平协议(SLA)、场景监控、 服务器硬件监测工具4)Analysis执行结果分析、图表分析、吞吐量相关、事务相关5)性能测试调优性能测试方案、linux服务器性能监控、JVM配置调优、tomcat配置调优、性能测试报告6)数据库调优慢查询、线程池、索引命中率、行锁

PS:视频资源科后台回复“软件测试”获取。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。