前端基础语言从学习
小鱼的池塘
这个作者很懒,什么都没留下…
展开
-
html学习之基础标签2
一,a标签的使用<!-- a标签 1,作用:就是用于控制界面与界面之间的跳转 2,格式:<a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a> 3,注意点: (1)a标签不仅能让文字点击,而且还能人行图片点击 (2)href是一个超文本的链接,所以必须要是一个完整的网址链接--><!-- 示例代码:点击原创 2017-02-07 15:37:20 · 470 阅读 · 0 评论 -
css序选择器
一,序选择器1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>18-css序选择器.html</title> <!-- 序选择器: css3中新增的选择器最具代表性的就是序选择器 1,同级别的第几个 :first-child 选中同级别中的第一个原创 2017-02-10 14:39:43 · 2162 阅读 · 1 评论 -
css属性选择器和通配符选择器
一,属性选择器1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>20-css属性选择器上.html</title> <!-- 属性选择器,根据指定的属性名称找到对应的标签,设置属性 1,格式: [attribute] 作原创 2017-02-10 15:38:46 · 11689 阅读 · 0 评论 -
css的三大特性(继承,层叠,优先级)
一,继承<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>24-css三大特性之继承性.html</title> <style> div{ color: red; font-size:30px; /*原创 2017-02-10 17:51:04 · 5221 阅读 · 1 评论 -
html标签div和span
div和span标签<!-- 1,div:一般用于配合css完成网页的框架搭建 2,span:一般用于配合css修改一些局部信息属性 3,div和span的区别: (1),div会单独占一行,span不会单独占一个行 (2),div是一个容器级别的标签,span是一个文本级别的标签(重要) 4,容器级标签和文本级的标签区别 (1),容器级的标签原创 2017-02-10 18:13:01 · 839 阅读 · 0 评论 -
css元素显示模式及转换
一,元素显示模式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>31-css元素显示模式.html</title> <style> div{ background: red; } span{原创 2017-02-10 18:41:16 · 907 阅读 · 0 评论 -
iOS 导航和tableView/collectionView影响界面
问题:以前一直就存在一个问题,当tableView布局在navigationController里面时,有时会出现界面整体上移的现象,最近又出现了,网上查了下,原来是automaticallyAdjustsScrollViewInsets根据按所在界面的status bar,navigationbar,与tabbar的高度,自动调整了tableView、collectionView、scrollvi原创 2017-03-01 14:28:26 · 424 阅读 · 0 评论 -
css之背景图片和插入图片的区别以及精灵图的使用
一,背景图片和插入图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>40-css背景图片和插入图片的区别.html</title> <style> div{ width: 200px; height:200px;原创 2017-02-21 11:06:31 · 15443 阅读 · 1 评论 -
css边框属性
边框属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>44-边框属性上.html</title> <style> .box1{ width:100px; height: 100px; backgr原创 2017-02-21 11:44:13 · 375 阅读 · 0 评论 -
css之内边距和外边距属性
一,内边距属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>47-内边距属性.html</title> <style> div{ width: 98px; height: 90px; border原创 2017-02-22 12:02:48 · 4147 阅读 · 0 评论 -
css之盒子模型
一,盒子模型<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>50-css盒子模型.html</title> <style> /* 利用并集选择器设置标签属性 */ span,a,strong,b{ display: inline-原创 2017-02-22 14:15:01 · 658 阅读 · 0 评论 -
css之盒子模型box-sizing属性
一,box-sizing属性,自适应盒子元素的宽高的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>52-盒子box-sizing.html</title> <style> .content{ width: 300px;原创 2017-02-23 12:02:18 · 520 阅读 · 0 评论 -
iOS 刷新UI控件的问题
项目里面遇到需要刷新Ui的问题,以前是直接重新加载整个控件在viewWillAppera的方法里面,今天突然想到以前在属性tableView时开辟了一个线程刷新Ui// 利用blok回传状态loginCon.backBlock = ^(BOOL isVip){ // 刷新ui控件 必须在主线程进行 // 表示在deleay时间后执行selector里面的方法原创 2017-03-13 12:04:21 · 2630 阅读 · 0 评论 -
css交集选择器、并集选择器、兄弟选择器
一,交集选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>15-css交集选择器.html</title> <!-- 交集选择器,相交的部分就是要设置属性值的标签 1,格式: 选择器1选择器2...{ 属性:值原创 2017-02-10 12:31:32 · 66445 阅读 · 2 评论 -
css后代选择器,子元素选择器
一,后代选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>12-css后代选择器.html</title> <!-- 后代选择器,找到指定特定的标签的所有后代,然后设置属性 1,格式: 标签名称1 标签名称2 ...{原创 2017-02-10 12:02:35 · 8572 阅读 · 0 评论 -
html之列表标签
一,无序列表<!-- 列表标签 1,作用: 2,html中的列表标签分类 (1),无序列表(最多) unordered list (2),有序列表(最少) ordered list (3),定义列表(其次) definition list 3,无序列表的作用: 4,无序列表格式: <ul> <li> 要显示原创 2017-02-07 18:34:49 · 428 阅读 · 0 评论 -
html之表格标签
一,表格标签<!-- 过去大部分的网站都是表格标签做的,一个时代的代表,现在基本不用了 表格标签: 1,格式:<table> <tr> <td>需要显示的内容</td> </tr> </table> table:代表整个表格 tr:代表整个表格中的一行数据->原创 2017-02-08 12:49:04 · 486 阅读 · 0 评论 -
websterm快捷键使用记录
<!-- 快捷键说明: 1,快速上下移动标签,光标放在要移动的标签的地方按住快捷键 commond+shift+⬆(方向键上),就会向上移动 commond+shift+⬇(方向键下),就会向下移动 2,快速合并和打开代码块,光标放在要合并或是打开的标签位置 commond+-,就会手气代码块 commond++,就会打开代码块-->原创 2017-02-08 16:03:38 · 405 阅读 · 0 评论 -
html之表单标签
一,表单标签,text、password、radio、checkbox、name、checked等属性<!-- 表单标签 什么是表单? 表单就是专门收集用户信息的 什么是表单元素? 表单元素还是html中的标签,只是比较特殊罢了 1,格式: <form> <表单元素> </form> 2,常见的表单元素 i原创 2017-02-09 10:47:32 · 645 阅读 · 0 评论 -
html5多媒体标签之video标签
一,video标签的基本属性<!-- 什么是video标签 1,格式: <video src=""> </video> 基本属性: src:用于播放视频地址,包括url和本地视频 autoplay:自动播放视频 controls:视频播放控制条(时间显示,进度条,声音等) poster:视频站位图片 loop:循环播放,原创 2017-02-09 12:01:07 · 927 阅读 · 0 评论 -
html5多媒体标签之audio标签
一,audio标签<!-- audio标签,播放音频 1,格式: (1),<audio src=""> </audio> (2),<audio> <source src="" type=""> </audio> 2,注意点: (1),audio标签的使用与video标签使用大部分一样 (2)原创 2017-02-09 12:37:58 · 905 阅读 · 0 评论 -
特殊标签marquee标签
marquee标签<!-- marquee标签,跑马灯 1,格式 <marquee>内容</marquee> 2,注意点: marquee不是w3c推荐的标签,在w3c官网上找不到这个标签,但是在各大浏览器上使用很多--><!-- 默认是从左向右--><marquee direction="">我是前端开发</marquee><hr><!--原创 2017-02-09 12:58:58 · 725 阅读 · 0 评论 -
html之废弃标签和字符实体
一,废弃的标签<!-- 1,为什么html中的一部分标签被废弃掉了 被废弃掉的标签,只有样式没有语义,html5中的标签只提供语义,一般不会修改样式,所以没有语义的标签就会被废弃 b: u: i: s: 下面的标签有语义: strong == b,加粗字体,定义重要的被强调的文字 ins(inseted) == u,添加下划线,定原创 2017-02-09 15:11:48 · 874 阅读 · 0 评论 -
css基础学习之文字属性
一,css的固定格式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02-css的固定格式.html</title> <!-- 1,css格式: <style type="text/css"> 标签名称{原创 2017-02-09 17:35:45 · 297 阅读 · 0 评论 -
css基础学习之文本和颜色属性
一,文本属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>06-css文本数属性.html</title> <!-- 1,文本装饰属性 格式:text-decoration: underline; 取值: overline原创 2017-02-09 18:03:20 · 412 阅读 · 0 评论 -
css选择器标签选择器和id选择器
一,标签选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>08-css标签选择器.html</title> <!-- 标签选择器,根据指定的标签名称,找到当前界面所有的该名称的标签,然后设置属性 1,格式: 2,注意点:原创 2017-02-09 18:26:54 · 1529 阅读 · 0 评论 -
css标签选择器,类选择器
一,类选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>10-css类选择器.html</title> <!-- 类选择器,根据指定class找到对应的标签,然后设置属性 1,格式: .类名{ 属性:值原创 2017-02-09 19:13:35 · 2820 阅读 · 0 评论 -
机器学习
1,html标签-如何在WebStorm中让标签包裹一段文字,选中要包裹的内容按快捷键commd+alt+t,选择第一个,然后在<>里面填写响应的标签-h1 标签的使用,最多h1,h2,h3,h4,h5,h6,没有h7,并且随着数字的增加,标题字体的大小随之变小。如果是想要标题居中,在前面部分<>里面添加属性 align=”center”(在这里不推荐使用left的属性) <h1 align="ce原创 2017-02-06 17:19:54 · 295 阅读 · 0 评论