Web前端
关注
分享
扫一扫
一个非常正经的人
这个作者很懒，什么都没留下…
展开
-
Web前端开发（二）--表格结构，css选择器，优先级，背景图片，字体，边框，内外间距，盒子模型
一、表格的结构标签（不常用，了解即可）thead、tbody、tfoot标签这三个标签，不管是是什么顺序，都会是thead在上，tbody在中间，tfoot在下。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>表格</title></he...原创 2019-08-13 19:42:51 · 549 阅读 · 0 评论 -
Web前端开发（六）--仿真计算器，数组，数字对象，定时器
一、上周练习题计算器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算器升级版</title> <style type="text/css"> .wrap{ width: 250px; ma...原创 2019-08-19 20:39:04 · 388 阅读 · 0 评论 -
Web前端开发（三）--css优先级进阶，文本属性，元素类型转换，display，overflow，浮动，定位
一、选择器优先级进阶计算方式：行间样式 1000id 100class 10标签选择器 1让每一个选择器对应的值相加，谁的值大谁的优先级就高。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>选择器优先级进阶<...原创 2019-08-14 19:15:25 · 347 阅读 · 0 评论 -
Web前端开发（七）--正则表达式，jQ选择器，操作元素，尺寸
一、正则表达式使用单个字符，区间所符合某个规则的字符串。声明正则对象1.new RegExp();使用这个方法时需要注意，如果有转义字符，需要进行两次转义。2.var reg=/…/;内置方法1.text()返回匹配结果，成功为true，不成功为false。2.exec()匹配成功返回时数组，不成功返回null。转义字符\w 单个的数字字母下划...原创 2019-08-20 20:35:18 · 388 阅读 · 0 评论 -
Web前端开发（四）--html5页面布局，css3圆角阴影，js引入输出，变量，数据类型，运算符
一、页面布局网页头部网页内容部分网页尾部HTML5新增的语义化标签语义化标签可以让页面的结构更清晰，主要是给搜索引擎去使用的。一般低版本浏览器不支持，目前应用最多的是在移动端。headernavairticalsectionsidebarfooter<!DOCTYPE html><html><head> <...原创 2019-08-15 20:46:11 · 371 阅读 · 0 评论 -
Web前端开发（一）--html基本结构，基本标签
HTML（一）HTML简介HTML是用来做网页HTML:Herpy Text MarkUp Language–超文本标记语言（二）语法介绍HTML是由浏览器来解析的没所以不需要安装任何编译环境1.基本结构<!DOCTYPE html> <!--指示web浏览器关于页面使用使用哪个HTML版本进行编写的指令--><html> <!...原创 2019-08-12 21:28:49 · 1609 阅读 · 0 评论 -
Web前端开发（八）--事件，节点
JQuery一、事件事件绑定1.基本绑定事件格式:$('el').事件类型(function(){});2.on方法绑定常用的事件：clickmouseovermouseoutmousemovefocusblurchangesubmit 当表单提交时自动触发，绑定给form标签<!DOCTYPE html><html...原创 2019-08-21 19:39:13 · 551 阅读 · 0 评论 -
Web前端开发（五）--js函数，对象，元素操作，属性操作，事件
一、补充 visibilitydisplay:none;和visibility:hidden;的区别两者都是隐藏使用display:none;隐藏后，不再占据位置使用visibility:hidden;隐藏后，还会继续占据位置二、函数的定义方式函数：一段特定功能，可重复利用的代码段，就是函数。函数使用function关键字进行定义。<script type=...原创 2019-08-16 20:49:47 · 553 阅读 · 0 评论