Web前端
NopDes1re
内向小鲁班
展开
-
【CSS选择器】各类选择器
标签选择器标签名称{ 属性:值;}ID选择器#ID{ 属性:值;}类选择器.类名{ 属性:值;} ID和class的区别:ID相当于人的身份证不可以重复,class相当于人的名称可以重复一个HTML标签只能绑定一个id名称,一个HTML标签可以绑定多个class名称ID一般情况下是给JS使用的, 所以除非特殊情况, 否则不要使用ID去设置样式后代选择器: 找...原创 2018-04-04 23:18:09 · 229 阅读 · 0 评论 -
【前端样式】开始使用Bootstrap
使用Bootstrap大致分为三步:下载Bootstrap链接Bootstrap、下载及链接Bootstrap所需的jQuery文件下载地址:https://v4.bootcss.com/然后找到下载选项:解压下载文件,找到JS文件:下载jQuery的方式同上,此处省略在项目中引用Bootstrap和jQuery:<!DOCTYPE html><html lang="zh-CN...原创 2018-04-24 22:39:52 · 218 阅读 · 0 评论 -
【Html标签学习】表单标签
表单标签:所有的表单内容,都要写在form标签里面核心属性:type,不同的type决定了该输入框的方式、外观、规则等等常见Type明文:普通文本,type = “text”暗文:隐藏文本密码,type=“password”以上均可通过设置,value:表单默认值,maxlength:字符最大长度<!DOCTYPE html><html lang="en"><he...原创 2018-03-29 20:52:03 · 2547 阅读 · 0 评论 -
【JavaScript】学习笔记二:字符串、数组
字符串操作(注意字符串内容一旦给定,则无法进行修改)1.连接 使用加号:var name = '小明';var age = 20;var message = '你好, ' + name + ', 你今年' + age + '岁了!'; ES6新增模式:${变量}var name = '小明';var age = 20;var message = `你好, ${name}, 你今...原创 2018-04-17 20:30:35 · 173 阅读 · 0 评论 -
【JavaScript】学习笔记一:JavaScript简介
为什么叫JavaScript? 原因是当时Java语言非常红火,所以希望借Java的名气来推广,但事实上JavaScript除了语法上有点像Java,其他部分基本上没啥关系。ECMA Script 为了让JavaScript成为全球标准,几个公司联合ECMA(European Computer Manufacturers Association)组织定制了JavaScript语言的标准...原创 2018-04-17 19:41:15 · 212 阅读 · 0 评论 -
【前端学习】Html/CSS/JavaScript的注释格式
Html的注释:<!--这里是Html的注释-->CSS的注释:/*这是CSS的注释*/JavaScript的注释://单行注释或者:/**多行注释*/原创 2018-04-04 23:34:22 · 401 阅读 · 0 评论 -
【Html标签学习】列表标签
1.列表标签定义Html中列表标签可以分为三类,按照使用的频率从高到低为:无序列表(unordered list)、定义列表(definition list)、有序列表(ordered list)<ul> <li>无序列表</li> <li>武汉</li> <li>北京</li> &原创 2018-03-28 09:31:18 · 209 阅读 · 0 评论 -
【Html标签学习】a标签基本用法、假链接跳转、锚点跳转
html将元素分成了三类:内联元素(或叫行级元素,或叫行内元素)、块元素、内联块元素。他们的特点如下所示:块元素:可以设置宽高,独占一行(div,ul,li,h*,p)。内联元素:不可以设置宽高,可以与其他元素同占一行(a,span)。内联块元素:可以设置宽高,可以与其他元素同占一行(img)。标签a的作用:实现页面之间的切换或跳转。常见用法:链接https、http地址:<a href="...原创 2018-03-27 19:52:04 · 3394 阅读 · 0 评论 -
【CSS】querySelector选择器用法
Html:<ul class="ul1"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> <ul class=&原创 2018-04-09 20:49:35 · 2303 阅读 · 0 评论 -
【CSS】设置移动端的CSS——响应式布局
响应式布局出现背景:比如,篇幅很长的文章在手机端预览时,会出现很长的横向滚动条。基本定义:为不同终端的用户提供更加舒适的界面和更好的用户体验。简而言之,就是一个网站能够兼容多个终端。根本宗旨:写一次代码,跑在一万种设备上核心思想:不就是设置宽度么?实现方式:根据不同设备,设置不同CSS样式,设置该设备支持的页面宽(高)。viewport另外,在此之前,我们需要在head里设置一个meta标签,vi...原创 2018-04-09 15:13:10 · 1117 阅读 · 0 评论 -
【JavaScript】初识JavaScript函数,属性
函数关键字:function声明定义:function 函数名称(){//To do...}函数的作用:减少冗余代码,提高可复用性和阅读性2.属性操作符是点符号和中括号:. 和 []例如常用属性ID,value,style,用点符号:button.idbutton.valuebutton.style.font如果属性值中带有横杠,则用[]来操作,如:font-sizebutton.sty...原创 2018-04-09 09:00:25 · 225 阅读 · 0 评论 -
【Web前端】Jquery中Ajax的简单实例一:加载页面,Load
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Ajax载入远程页面的练习</title> </head> <script type="text/javascript" s原创 2018-05-07 22:42:12 · 1235 阅读 · 0 评论