05 2016 档案

摘要:内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。 (css2.1新增),<img>、<input>标签就是这种内联块状标签。 inline-block 元素特点: 1、和其他元素都在一行上; 2、 阅读全文
posted @ 2016-05-31 21:31 Rinpe 阅读(264) 评论(0) 推荐(0)
摘要:在html中,<span>、<a>、<label>、 <strong> 和<em>就是典型的内联元素(行内元素)(inline)元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。 如下代码就是将块状元素div转换为内联元素,从而使 div 元素具有内联元素特点。 内联 阅读全文
posted @ 2016-05-31 21:20 Rinpe 阅读(401) 评论(0) 推荐(0)
摘要:什么是块级元素?在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元 阅读全文
posted @ 2016-05-31 20:54 Rinpe 阅读(1288) 评论(0) 推荐(0)
摘要:在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<block 阅读全文
posted @ 2016-05-31 20:37 Rinpe 阅读(234) 评论(0) 推荐(0)
摘要:想为块状元素中的文本、图片设置居中样式吗?可以使用text-align样式代码,如下代码可实现文本居中显示。(那么什么是块状元素呢?后面会讲到呢~) 同样可以设置居左: 还可以设置居右: 阅读全文
posted @ 2016-05-31 00:02 Rinpe 阅读(414) 评论(0) 推荐(0)
摘要:中文字间隔、字母间隔设置: 如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing 来实现,如下面代码: 注意:这个样式使用在英文单词时,是设置字母与字母之间的间距。 单词间距设置: 如果我想设置英文单词之间的间距呢?可以使用 word-spacing 来实现。如下代码: 阅读全文
posted @ 2016-05-30 23:52 Rinpe 阅读(2836) 评论(0) 推荐(0)
摘要:行间距 菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。 阅读全文
posted @ 2016-05-30 23:42 Rinpe 阅读(233) 评论(0) 推荐(0)
摘要:中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现: 注意:2em的意思就是文字的2倍大小。 示例: 效果: 阅读全文
posted @ 2016-05-30 23:35 Rinpe 阅读(536) 评论(0) 推荐(0)
摘要:如果想在网页上设置删除线怎么办,这个样式在电商网站上常会见到: 上图中的原价上的删除线使用下面代码就可以实现: 阅读全文
posted @ 2016-05-30 23:27 Rinpe 阅读(1820) 评论(0) 推荐(0)
摘要:效果: 三年级时我还是一个胆小如鼠的小女孩。 阅读全文
posted @ 2016-05-30 22:28 Rinpe 阅读(463) 评论(0) 推荐(0)
摘要:效果: 字都歪了.. 阅读全文
posted @ 2016-05-30 22:17 Rinpe 阅读(335) 评论(0) 推荐(0)
摘要:我们还可以使用css样式来改变文字的样式:粗体、斜体、下划线、删除线,可以使用下面代码实现设置文字以粗体样式显示出来。 在这里大家可以看到,如果想为文字设置粗体是有单独的css样式来实现的,再不用为了实现粗体样式而使用h1-h6或strong标签了。 阅读全文
posted @ 2016-05-30 22:10 Rinpe 阅读(569) 评论(0) 推荐(0)
摘要:可以使用下面代码设置网页中文字的字号为12像素,并把字体颜色设置为#666(灰色): 示例: 阅读全文
posted @ 2016-05-30 22:07 Rinpe 阅读(614) 评论(0) 推荐(0)
摘要:我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。 这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是 阅读全文
posted @ 2016-05-30 21:22 Rinpe 阅读(233) 评论(0) 推荐(0)
摘要:app支持ios7,在UINavBar 里面加入搜索框,结果光标一直出现不了。 解决办法如下: searchBar.tintColor = [UIColor blueColor]; 阅读全文
posted @ 2016-05-30 17:44 Rinpe 阅读(313) 评论(0) 推荐(0)
摘要:今天用Swift写了个视图,在视图上加个手势,如下所示: panGestureRecognizer = UIPanGestureRecognizer(target: self, action: "beginDragged:") addGestureRecognizer(panGestureRecog 阅读全文
posted @ 2016-05-30 11:02 Rinpe 阅读(426) 评论(0) 推荐(0)
摘要:我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。 如下代码: 这时 p 段落中的文本会显示的red红色。 注意:!important要写在分号的前面 这里注意当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页 阅读全文
posted @ 2016-05-30 00:27 Rinpe 阅读(242) 评论(0) 推荐(0)
摘要:我们来思考一个问题:如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值怎么办?好,这一小节中的层叠帮你解决这个问题。 层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的 阅读全文
posted @ 2016-05-30 00:19 Rinpe 阅读(254) 评论(0) 推荐(0)
摘要:有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码: p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。 下面是权 阅读全文
posted @ 2016-05-30 00:11 Rinpe 阅读(290) 评论(0) 推荐(0)
摘要:CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。 比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。 p中的文本与span中的文本都设置为了红 阅读全文
posted @ 2016-05-30 00:01 Rinpe 阅读(218) 评论(0) 推荐(0)
摘要:当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: 它相当于下面两行代码: 效果: 阅读全文
posted @ 2016-05-29 23:45 Rinpe 阅读(238) 评论(0) 推荐(0)
摘要:直接上代码和效果图: 效果: 阅读全文
posted @ 2016-05-29 23:35 Rinpe 阅读(301) 评论(0) 推荐(0)
摘要:更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: 上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色 阅读全文
posted @ 2016-05-29 23:14 Rinpe 阅读(272) 评论(0) 推荐(0)
摘要:通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素,如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色: 阅读全文
posted @ 2016-05-29 22:29 Rinpe 阅读(225) 评论(0) 推荐(0)
摘要:包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如下方的代码: .first span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。 请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于 阅读全文
posted @ 2016-05-29 18:46 Rinpe 阅读(361) 评论(0) 推荐(0)
摘要:还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。下方的代码: 这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。 效果: 阅读全文
posted @ 2016-05-29 18:34 Rinpe 阅读(337) 评论(0) 推荐(0)
摘要:学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点: 相同点:可以应用于任何元素不同点: 1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次 阅读全文
posted @ 2016-05-29 18:17 Rinpe 阅读(3544) 评论(0) 推荐(0)
摘要:在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别: 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。 下面代码就是一个ID选择符的完整实例。 阅读全文
posted @ 2016-05-29 18:00 Rinpe 阅读(212) 评论(0) 推荐(0)
摘要:类选择器在css样式编码中是最常用到的,如下面中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。 语法: 注意: 1、英文圆点开头 2、其中类选器名称可以任意起名(但不要起中文噢) 使用方法: 第一步:使用合适的标签把要修饰的内容标记起来,如下: 第二步:使用class="类选择器名称"为标 阅读全文
posted @ 2016-05-29 17:43 Rinpe 阅读(426) 评论(0) 推荐(0)
摘要:标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码: 上面的css样式代码的作用:为p标签设置12px字号,行间距设置1.6em的样式。 示例: 阅读全文
posted @ 2016-05-29 17:34 Rinpe 阅读(206) 评论(0) 推荐(0)
摘要:每一条css样式声明(定义)由两部分组成,形式如下: 在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如下面代码中第7行代码中的“body”就是选择器。 阅读全文
posted @ 2016-05-29 17:24 Rinpe 阅读(461) 评论(0) 推荐(0)
摘要:有的小伙伴问了,如果有一种情况:对于同一个元素我们同时用了三种方法设置css样式,那么哪种方法真正有效呢?在下面代码中就出现了这种情况 1、使用内联式CSS设置“超酷的互联网”文字为粉色。 2、然后使用嵌入式CSS来设置文字为红色。 3、最后又使用外部式设置文字为蓝色(style.css文件中设置) 阅读全文
posted @ 2016-05-29 17:21 Rinpe 阅读(973) 评论(0) 推荐(0)
摘要:外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码: <link href="base.css" rel="styles 阅读全文
posted @ 2016-05-29 17:07 Rinpe 阅读(19924) 评论(0) 推荐(0)
摘要:现在有一任务,把下面的“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短词文字字号修改为18px。 如果用内联式css样式的方法进行设置将是一件很头疼的事情(为每一个<span>标签加入sytle="font-size:18px"语句),现在讲解一种新的方法嵌入式css样式来实现这个任务。 嵌 阅读全文
posted @ 2016-05-29 17:03 Rinpe 阅读(2498) 评论(0) 推荐(0)
摘要:CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: 注意要写在元素的开始标签里,下面这种写法是错误的: 并且css样式代码要写在styl 阅读全文
posted @ 2016-05-29 16:59 Rinpe 阅读(1159) 评论(0) 推荐(0)
摘要:就像在Html的注释一样,在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)。就像下面代码: 示例: 阅读全文
posted @ 2016-05-29 16:57 Rinpe 阅读(534) 评论(0) 推荐(0)
摘要:css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时, 阅读全文
posted @ 2016-05-29 16:55 Rinpe 阅读(202) 评论(0) 推荐(0)
摘要:为什么使用css样式来设置网页的外观样式呢?下面是一段文字,我们想把“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短语的文本颜色设置为红色,这时就 可以通过设置样式来设置,而且只需要编写一条css样式语句。 第一步:把这三个短语用<span></span>括起来。 第二步:写入下列代码: 观 阅读全文
posted @ 2016-05-29 16:51 Rinpe 阅读(370) 评论(0) 推荐(0)
摘要:CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 如下列代码: 使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。 示例: 效果: 阅读全文
posted @ 2016-05-29 16:47 Rinpe 阅读(194) 评论(0) 推荐(0)
摘要:小伙伴们,你们在前面学习表单各种控件的时候,有没有发现一个标签--label,这一小节就来揭晓它的作用。 label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转 阅读全文
posted @ 2016-05-29 16:43 Rinpe 阅读(341) 评论(0) 推荐(0)
摘要:当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。 语法: <input type="reset" value="重置"> type:只有当type值设置为reset时,按钮才有重置作用 阅读全文
posted @ 2016-05-29 16:30 Rinpe 阅读(667) 评论(0) 推荐(0)
摘要:在表单中有两种按钮可以使用,分别为:提交按钮、重置。这一小节讲解提交按钮:当用户需要提交表单信息到服务器时,需要用到提交按钮。 语法: type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字 举例: 在浏览器中显示的结果: 阅读全文
posted @ 2016-05-29 16:22 Rinpe 阅读(448) 评论(0) 推荐(0)
摘要:下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。如下代码: 在浏览器中显示的结果: 示例: 阅读全文
posted @ 2016-05-29 16:20 Rinpe 阅读(878) 评论(0) 推荐(0)
摘要:下拉列表在网页中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。如下代码: 讲解: 1、value: 2、selected="selected": 设置selected="selected"属性,则该选项就被默认选中。 在浏览器中显示的结果: 示例: 阅读全文
posted @ 2016-05-29 16:07 Rinpe 阅读(307) 评论(0) 推荐(0)
摘要:在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。请看下面的例子: 语法: 1、type: 当 type="radio" 时,控件为单选框 当 type= 阅读全文
posted @ 2016-05-29 16:00 Rinpe 阅读(505) 评论(0) 推荐(0)
摘要:当用户需要在表单中输入大段文字时,需要用到文本输入域。 语法: 1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。 2、cols :多行输入域的列数。 3、rows :多行输入域的行数。 4、在<textarea></textarea>标签之间可以输 阅读全文
posted @ 2016-05-29 15:48 Rinpe 阅读(460) 评论(0) 推荐(0)
摘要:当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。 语法: 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、val 阅读全文
posted @ 2016-05-29 15:09 Rinpe 阅读(408) 评论(0) 推荐(0)
摘要:网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。 语法: 讲解: 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。 2.action :浏览者输入的数据被传 阅读全文
posted @ 2016-05-29 14:57 Rinpe 阅读(352) 评论(0) 推荐(0)
摘要:在网页的制作中为使网页炫丽美观,肯定是缺少不了图片,可以使用<img>标签来插入图片。 语法: <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 举例: <img src = "myimage.gif" alt = "My Image" title = 阅读全文
posted @ 2016-05-29 14:34 Rinpe 阅读(3470) 评论(0) 推荐(0)
摘要:<a>标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解,请看详细图示: 注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。 下面是一个完 阅读全文
posted @ 2016-05-29 14:31 Rinpe 阅读(405) 评论(0) 推荐(0)
摘要:<a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。 如下代码: <a href="www.rinpe.com" target="_blank">click here!</a> 示例: 阅读全文
posted @ 2016-05-29 14:20 Rinpe 阅读(434) 评论(0) 推荐(0)
摘要:使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。 语法: 例如: 上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。 title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际 阅读全文
posted @ 2016-05-29 13:46 Rinpe 阅读(733) 评论(0) 推荐(0)
摘要:表格还是需要添加一些标签进行优化,可以添加标题和摘要。代码如下: 摘要 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 语法:<table summary="表格简介文本"> 标题 用以描述 阅读全文
posted @ 2016-05-29 13:37 Rinpe 阅读(3121) 评论(0) 推荐(0)
摘要:Table 表格在没有添加 css 样式之前,是没有边框的。这样不便于我们后期合并单元格知识点的讲解,所以在这一节中我们为表格添加一些样式,为它添加边框。 在右侧代码编辑器中添加如下代码: 上述代码是用 css 样式代码(后面章节会详细讲解),为th,td单元格添加粗细为一个像素的黑色边框。 结果窗 阅读全文
posted @ 2016-05-29 13:24 Rinpe 阅读(734) 评论(0) 推荐(0)
摘要:有时候我们需要在网页上展示一些数据,如某公司想在网页上展示公司的库存清单。如下表: 想在网页上展示上述表格效果可以使用以下代码: 创建表格的四个元素: table、tbody、tr、th、td 1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。 2、< 阅读全文
posted @ 2016-05-29 12:51 Rinpe 阅读(1197) 评论(0) 推荐(0)
摘要:在上一小节中,我们把一些标签放进<div>里,划分出一个独立的逻辑部分。为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为<div>提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。 如下两图进行比较,如果设计师把两个 阅读全文
posted @ 2016-05-29 12:32 Rinpe 阅读(237) 评论(0) 推荐(0)
摘要:在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。 语法: <div>…</div> 确定逻辑部分: 什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。如下图所示:图中用红色边框标出 阅读全文
posted @ 2016-05-29 12:24 Rinpe 阅读(323) 评论(0) 推荐(0)
摘要:如果想在网页中展示有前后顺序的信息列表,怎么办呢?如,当当网上的书籍热卖排行榜,如下图所示。 这类信息展示就可以使用<ol>标签来制作有序列表来展示。 语法: 举例: 下面是一个热点课程下载排行榜: <ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始,如下图所示: 阅读全文
posted @ 2016-05-29 12:07 Rinpe 阅读(220) 评论(0) 推荐(0)
摘要:在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。 新闻列表 图片列表 这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。 语法: <ul> <li>信息</li> <li>信息</li> ...... </ul> 举例: <ul> <li>精 阅读全文
posted @ 2016-05-29 12:03 Rinpe 阅读(231) 评论(0) 推荐(0)
摘要:在上节中介绍加入一行代码的标签为<code>,但是在大多数情况下是需要加入大段代码的,如下图: 怎么办?不会是每一代码都加入一个<code>标签吧,没有这么复杂,这时候就可以使用<pre>标签。 语法: <pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 阅读全文
posted @ 2016-05-29 11:57 Rinpe 阅读(316) 评论(0) 推荐(0)
摘要:在介绍语言技术的网站中,避免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用<code>标签了,如下面例子: <code>var i=i+300;</code> 注意:在文章中一般如果要插入多行代码时不能使用<code>标签了。 语法: <code>代码语言</code> 阅读全文
posted @ 2016-05-29 11:54 Rinpe 阅读(344) 评论(0) 推荐(0)
摘要:一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。 语法: <address>联系地址信息</address> 如: <address>文档编写:lilian 北京市西城 阅读全文
posted @ 2016-05-29 11:48 Rinpe 阅读(184) 评论(0) 推荐(0)
摘要:在信息展示时,有时会需要加一些用于分隔的横线,这样会使文章看起来整齐些。如下图所示: 语法: html4.01版本 <hr> xhtml1.0版本 <hr /> 注意: 1. <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。 2. <hr />标签的在浏览器 阅读全文
posted @ 2016-05-29 11:43 Rinpe 阅读(269) 评论(0) 推荐(0)
摘要:在上一节的例子,我们已经讲解过在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入&nbsp;。 语法: &nbsp; 在html代码中输入空格是不起作用的,如下代码。 在浏览中显示,还是没有空格效果。 输入空格的正确方法: 在浏览器中的显示出来的空格效果。如下图所示。 示例: 阅读全文
posted @ 2016-05-29 01:01 Rinpe 阅读(2607) 评论(0) 推荐(0)
摘要:对于上一小节的例子,我们想让那首诗显示得更美观些,如显示下面效果: 怎么可以让每一句诗词后面加入一个折行呢?那就可以用到<br />标签了,在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。 上节的代码改为: 语法: xhtml1.0写法: <br /> htm 阅读全文
posted @ 2016-05-29 01:00 Rinpe 阅读(773) 评论(0) 推荐(0)
摘要:<blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。 等等,上一节<q>标签不是也是对文本的引用吗?不要忘记<q>标签是对简短文本的引用,比如说引用一句话就用到<q>标签。 如想在我的文章中引用李白《关山月》中的诗句,因为引用 阅读全文
posted @ 2016-05-29 00:56 Rinpe 阅读(387) 评论(0) 推荐(0)
摘要:想在你的html中加一段引用吗?比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么<q>标签是你所需要的。 语法: <q>引用文本</q> 如下面例子: <p>最初知道庄子,是从一首诗<q>庄生晓梦迷蝴蝶。望帝春心托杜鹃。</q>开始的。虽然当时不知道是什么意思,只是觉得诗 阅读全文
posted @ 2016-05-29 00:54 Rinpe 阅读(608) 评论(0) 推荐(0)
摘要:这一小节讲解<span>标签,我们对<em>、<strong>、<span>这三个标签进行一下总结: 1. <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。 2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。 如果现在我们想把上一小节的第一段话 阅读全文
posted @ 2016-05-29 00:53 Rinpe 阅读(5958) 评论(0) 推荐(0)
摘要:有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到<em>或<strong>标签。 但两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜 阅读全文
posted @ 2016-05-29 00:51 Rinpe 阅读(684) 评论(0) 推荐(0)
摘要:文章的段落用<p>标签,那么文章的标题用什么标签呢?在本节我们将使用<hx>标签来制作文章的标题。标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。语法:<hx>标题文本</hx> (x为 阅读全文
posted @ 2016-05-29 00:50 Rinpe 阅读(558) 评论(0) 推荐(0)
摘要:如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。 语法: <p>段落文本</p> 注意一段文字一个<p>标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个<p>标签中。如下图所示。 在浏览器中显示的效果: <p>标签的默认样式,可以在上图中看出来,段前段后 阅读全文
posted @ 2016-05-29 00:49 Rinpe 阅读(768) 评论(0) 推荐(0)
摘要:在网页上要展示出来的页面内容一定要放在body标签中。如下图是一个新闻文章的网页。 在浏览器中的显示效果: 示例: 阅读全文
posted @ 2016-05-29 00:47 Rinpe 阅读(600) 评论(0) 推荐(0)
摘要:学习html标签过程中,主要注意两个方面的学习:标签的用途、标签在浏览器中的默认样式。 标签的用途:我们学习网页制作时,常常会听到一个词,语义化。 那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理) 比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目 阅读全文
posted @ 2016-05-29 00:45 Rinpe 阅读(212) 评论(0) 推荐(0)
摘要:什么是代码注释?代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。 代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。 语法: <!--注释文字 --> 示例: 阅读全文
posted @ 2016-05-29 00:43 Rinpe 阅读(515) 评论(0) 推荐(0)
摘要:html文件的结构:一个HTML文件是有自己固定的结构的。 代码讲解: 1. <html></html>称为根标签,所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。 头部元素有<title>、<script>、 <style>、< 阅读全文
posted @ 2016-05-29 00:42 Rinpe 阅读(249) 评论(0) 推荐(0)
摘要:1. 标签由英文尖括号<和>括起来,如<html>就是一个标签。 2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。 如: (1) <p></p> (2) <div></div> (3) <span></span> 3. 标签与标签之间是可以嵌套的,但先后 阅读全文
posted @ 2016-05-29 00:40 Rinpe 阅读(195) 评论(0) 推荐(0)
摘要:让我们通过一个网页的学习,来对html标签有一个初步理解。 平常大家说的上网就是浏览各种各式各样的网页,这些网页都是由html标签组成的。 下面就是一个简单的网页。效果图如下: 我们来分析一下,这个网页由哪些html标签组成: “勇气”是网页内容文章的标题,<h1></h1>就是标题标签,它在网页上 阅读全文
posted @ 2016-05-29 00:38 Rinpe 阅读(221) 评论(0) 推荐(0)
摘要:学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。 下面我们就来了解下这三门技术都是用来实现什么的: 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如,标题字体、 阅读全文
posted @ 2016-05-29 00:34 Rinpe 阅读(319) 评论(0) 推荐(0)
摘要:出现错误的情景: 使用Swift自定义Cell, 然后将这个Cell在OC中使用, 由于为了能够在OC中使用和使用起来命名比较规范 我在Swift自定义的Cell前加了 @objc(DSProductCell) 完整版是这样的: @objc(DSProductCell) class ProductC 阅读全文
posted @ 2016-05-26 13:05 Rinpe 阅读(1832) 评论(0) 推荐(0)
摘要:真机运行正常, 但要在模拟器运行的时候, 编译就报错了: 解决方法: 1.将Build Settings的Architectures修改为arm7 armv7s.Xcode7默认是加上arm64的,但有些库不支持arm64,所以需要将它去掉。 2.将build active architecture 阅读全文
posted @ 2016-05-25 23:52 Rinpe 阅读(1064) 评论(0) 推荐(0)
摘要:第一种解决方法: 关闭Xcode,重新执行pod install,之后再重新打开Xcode运行。 第二种解决方法: 删除以下文件: xcworkspacePodfile.lockPods文件夹~/Library/Developer/Xcode/DerivedData路径下对应工程的文件夹 然后重新执 阅读全文
posted @ 2016-05-23 10:13 Rinpe 阅读(1715) 评论(0) 推荐(0)
摘要:官网是这样给推荐的: 在创建Podfile的时候,用这种格式使用, 里面的 MyApp 记得替换为自己攻城里面的target。这样就基本OK了,执行pod install / pod update 就都可以了。 阅读全文
posted @ 2016-05-21 00:12 Rinpe 阅读(184) 评论(0) 推荐(0)
摘要:我在Archive的时候出现了上面这个错误, 解决方法很简单: After huge trying I have disabled the Bitcode in Project's Target->Build Settings->Enable Bitcode. Now the build can b 阅读全文
posted @ 2016-05-15 12:08 Rinpe 阅读(2206) 评论(0) 推荐(0)
摘要:- (void) scrollViewDidScroll:(UIScrollView *)scrollView { CGFloat newY = scrollView.contentOffset.y; if (newY != _oldY) { if (newY > _oldY && (newY - 阅读全文
posted @ 2016-05-12 15:54 Rinpe 阅读(1743) 评论(0) 推荐(0)
摘要:因为 Playground 本身会持有所有声明在其中的东西,因此本节中的示例代码需要在 Xcode 项目环境中运行。在 Playground 中可能无法得到正确的结果。 不管在什么语言里,内存管理的内容都很重要,所以我打算花上比其他 tip 长一些的篇幅仔细地说说这块内容。 Swift 是自动管理内 阅读全文
posted @ 2016-05-10 20:35 Rinpe 阅读(248) 评论(0) 推荐(0)
摘要:如何抛出异常 如何获取并处理异常? 不处理异常 如果我不想处理异常怎么办,或者说,我非常确定某个方法或者函数虽然声明会抛出异常,但是我自己知道我在使用时候是绝对不会抛出任何异常的。这种情况下 我们可以使用 try! 当然,如果你使用 try!,而你的方法或者函数抛出了异常,那么你会得到一个运行中异常 阅读全文
posted @ 2016-05-10 14:32 Rinpe 阅读(162) 评论(0) 推荐(0)
摘要:Swift方式的延迟加载 而在Swift中,你只需一行代码即可实现此机制: 简单、简洁,直入主题。 但你得记住,你必须使用var关键字来定义延迟加载的属性,不能使用let关键字,因为常量必须在实例构建时赋值。 如果你想给延迟加载加上一些逻辑处理,Swift允许你在属性后面定义一个闭包调用(闭包的返回 阅读全文
posted @ 2016-05-07 00:33 Rinpe 阅读(927) 评论(0) 推荐(0)
摘要:Objective-C 和 Swift 在底层使用的是两套完全不同的机制,Cocoa 中的 Objective-C 对象是基于运行时的,它从骨子里遵循了 KVC (Key-Value Coding,通过类似字典的方式存储对象信息) 以及动态派发 (Dynamic Dispatch,在运行调用时再决定 阅读全文
posted @ 2016-05-06 17:36 Rinpe 阅读(4175) 评论(0) 推荐(1)
摘要:/* Swift中函数命名的智慧 */ // 1.一般情况下, 我们写一个函数是这么写的 func sayHello(name: String , greeting: String) { print("\(greeting), \(name)") } // 调用的时候是这样的, 这个函数这样读起来并不是很符合人类的阅读习惯 sayHello("Rinpe", greeting: "H... 阅读全文
posted @ 2016-05-06 17:08 Rinpe 阅读(173) 评论(0) 推荐(0)
摘要:/* 隐式可选型 */ // 隐式可选型同样可以赋值为nil, 而且在后面对这个变量的使用也可以不用进行解包 var value: String! = nil // print(value) 这行代码会报错, 所以隐式可选型在值为nil的时候进行操作会出现错误 // 上面代码相当于print(value!), 对一个为nil的可选型进行强制解包后使用, 报错! value = "Value" ... 阅读全文
posted @ 2016-05-06 16:45 Rinpe 阅读(277) 评论(0) 推荐(0)
摘要:/* 下面是介绍Optional Chaining 和 Nil-Coalesce */ // Optional Chaining (可选链) if let errorMessage = errorMessage { errorMessage.uppercaseString } // 这种写法完全等价于上面的写法, 当errorMessage有的时候, 才会去执行"?"后面的代码, 否则... 阅读全文
posted @ 2016-05-06 11:36 Rinpe 阅读(291) 评论(0) 推荐(0)
摘要://: Playground - noun: a place where people can play import UIKit /* Swift中nil代表是是另外一种类型, 而不像OC那样, 任何对象都能赋值为nil, Swift中的nil就是空, 什么都没有的意思, 当一个变量有可能存在空值的时候, 必须显式的申明为可选型, 否则不能直接赋值为nil, 因为无论是Int, Strin... 阅读全文
posted @ 2016-05-06 10:30 Rinpe 阅读(284) 评论(0) 推荐(0)
摘要:在Swift开发中,新建了一个UIViewController的子类出现“No such module 'Cocoa' 的错误, 头部是import cocoa.. 原因很简单:在建立新的File文件的时候,选择的是“OS X”的项目,其实应该选择“iOS”的项目。所以删除错误文件,重新建立一个新的 阅读全文
posted @ 2016-05-05 11:31 Rinpe 阅读(1142) 评论(0) 推荐(0)
摘要:ShareSDK的集成这里就不详细介绍了, 官网的都已经够详细了.. 官方的默认分享样式如下: 贴上我的源代码: 下面是修改样式的代码(貌似在官网我没找到这个东西, 希望下面代码对大家有点作用): 需要注意的是, 这里需要集成ShareSDKUI模块(cocoapods可以通过pod 'ShareS 阅读全文
posted @ 2016-05-04 09:59 Rinpe 阅读(2454) 评论(0) 推荐(0)