2019年8月28日

摘要: ID选择器 在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别: 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。 下面的实例中就是一个ID选择符的完整案例。 实例: <!DOCTYPE HTML> <html> 阅读全文
posted @ 2019-08-28 20:47 iBoundary 阅读(566) 评论(0) 推荐(0) 编辑
摘要: 类选择器 类选择器在css样式编码中是最常用到的,如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。 语法: .类选器名称{css样式代码;} 注意: 1、英文圆点开头 2、其中类选器名称可以任意起名(但不要起中文噢) 使用方法: 第一步:使用合适的标签把要修饰的内容标记起来 阅读全文
posted @ 2019-08-28 17:33 iBoundary 阅读(463) 评论(0) 推荐(0) 编辑
摘要: 标签选择器 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码: 上面的css样式代码的作用:为p标签设置12px字号,行间距设置1.6em的样式。 实例: 阅读全文
posted @ 2019-08-28 17:28 iBoundary 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 每一条css样式声明(定义)由两部分组成,形式如下: 选择器 + 声明{键值对} 在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。 阅读全文
posted @ 2019-08-28 17:22 iBoundary 阅读(591) 评论(0) 推荐(0) 编辑
摘要: 有的小伙伴问了,如果有一种情况:对于同一个元素我们同时用了三种方法设置css样式,那么哪种方法真正有效呢?在右边编辑器就出现了这种情况 1、使用内联式CSS设置“超酷的互联网”文字为粉色。 2、然后使用嵌入式CSS来设置文字为红色。 3、最后又使用外部式设置文字为蓝色(style.css文件中设置) 阅读全文
posted @ 2019-08-28 16:57 iBoundary 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 外部式css样式,写在单独的一个文件中 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码: 注意: 1、css样式文件 阅读全文
posted @ 2019-08-28 16:49 iBoundary 阅读(4526) 评论(0) 推荐(0) 编辑
摘要: 嵌入式css样式,写在当前的文件中 现在有一任务,把下面代码中的“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短词文字字号修改为18px。如果用上节课我们学习的内联式css样式的方法进行设置将是一件很头疼的事情(为每一个<span>标签加入sytle="font-size:18px"语句), 阅读全文
posted @ 2019-08-28 11:12 iBoundary 阅读(863) 评论(0) 推荐(0) 编辑
摘要: 内联式css样式,直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: 注意要写在元素的开始标签里,下面这种 阅读全文
posted @ 2019-08-28 10:54 iBoundary 阅读(2470) 评论(0) 推荐(0) 编辑
摘要: CSS代码语法 css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。 阅读全文
posted @ 2019-08-28 10:48 iBoundary 阅读(623) 评论(0) 推荐(0) 编辑
摘要: 认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 如下列代码: 使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。 实例: 阅读全文
posted @ 2019-08-28 10:22 iBoundary 阅读(538) 评论(0) 推荐(0) 编辑
摘要: form表单中的label标签 小伙伴们,你们在前面学习表单各种控件的时候,有没有发现一个标签--label,这一小节就来揭晓它的作用。 label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该labe 阅读全文
posted @ 2019-08-28 10:08 iBoundary 阅读(460) 评论(0) 推荐(0) 编辑
摘要: 在表单中有两种按钮可以使用,分别为:提交按钮、重置。这一小节讲解提交按钮:当用户需要提交表单信息到服务器时,需要用到提交按钮。 语法: type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字 举例: 在浏览器中显示的结果: 使用重置按钮,重置表单信息 当用户需 阅读全文
posted @ 2019-08-28 09:55 iBoundary 阅读(797) 评论(0) 推荐(0) 编辑
摘要: 下拉列表在网页中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。如下代码: 讲解: 1、value: 2、selected="selected": 设置selected="selected"属性,则该选项就被默认选中。 在浏览器中显示的结果: 实例: 浏览器输出: 爱好: 看书 旅游 阅读全文
posted @ 2019-08-28 09:41 iBoundary 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。请看下面的例子: 单选框和复选框如下图的1和2: 语法: 1、type: 当 type="radio"  阅读全文
posted @ 2019-08-28 09:29 iBoundary 阅读(556) 评论(0) 推荐(0) 编辑
摘要: 当用户需要在表单中输入大段文字时,需要用到文本输入域。 语法: 1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。 2、cols :多行输入域的列数。 3、rows :多行输入域的行数。 4、在<textarea></textarea>标签之间可以输 阅读全文
posted @ 2019-08-28 09:05 iBoundary 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。 语法: 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、val 阅读全文
posted @ 2019-08-28 08:58 iBoundary 阅读(209) 评论(0) 推荐(0) 编辑
摘要: CGI是一种规范,是Web 服务器运行时外部程序的规范。 公共网关接口(Common Gateway Interface,CGI)是Web 服务器运行时外部程序的规范,按CGI 编写的程序可以扩展服务器功能。 经过CGI规范处理过的应用程序能与浏览器进行交互,还可通过数据API与数据库服务器等外部数 阅读全文
posted @ 2019-08-28 00:57 iBoundary 阅读(1093) 评论(0) 推荐(0) 编辑

导航