2019年8月28日

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

导航