慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

肥仔汇

HTML表单交互 <form method="post/get(get不安全)" action="服务器文件（save.php）"> /*表单标签（用于连接后端服务器）*/ <input type="text/password" name="名称（用于后台asp整理）" value="文本（预设内容，起提示作用）"/> /*单行文本与密码输入框*/ <textarea row="行数" cols="列数">文本域（多行）</textarea> /*多行文本输入框*/ <label for="控件id名称(man)">男</label> <input type="radio(单选)/checkbox（多选）" value="值（提交到后台)" name="名称"（控件名称，用于识别同一选择题目) checked="checked"（预设选项） id="控件id名称(man)" /> /*选择框设定*/ /*若用label控件则点"男"时光标会自动出现在选框上*/ <select (multiple="multiple" 用于多选)> <option value="向服务器提交的值" selected="selected"(预选项)>男(显示的值)</option> /*下拉列表框*/ </select> <input type="submit" value="显示在按钮上的文字"> /*提交数据的按钮*/ <input type="reset" value="显示在按钮上的文字"> /*数据重置按钮*/ </form>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
loaMoring

在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。

查看全部

0 采集收起
2018-03-22
天際

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。

查看全部

0 采集收起来源：权值计算-特殊性
2014-11-09
徐震辛

使用<ol>标签来制作有序列表来展示语法： <ol> <li>信息</li> <li>信息</li> ...... </ol>

查看全部

0 采集收起
2018-03-22
小袜子

从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。一、内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： <p >这里文字是红色。</p> 注意要写在元素的开始标签里，下面这种写法是错误的： <p>这里文字是红色。</p > 并且css样式代码要写在双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码： <p >这里文字是红色。</p> 二、嵌入式css样式，写在当前的文件中嵌入式css样式，就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色： <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。三、外部式css样式，写在单独的一个文件中外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码： <link href="base.css" rel="stylesheet" type="text/css" /> 注意： 1、css样式文件名称以有意义的英文字母命名，如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。

查看全部

0 采集收起
2018-03-22
menghong

总结来说，就是--就近原则（离被设置元素越近优先级别越高）。但注意上面所总结的优先级是有一个前提：内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下，什么是权值呢？

查看全部

0 采集收起
2014-11-09
徐震辛

ul-li是没有前后顺序的信息列表。语法： <ul> <li>信息</li> <li>信息</li> ...... </ul> ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点，

查看全部

0 采集收起
2018-03-22
天際

通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色： * {color:red;}

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-11-09
望脚的旅人

在html中，<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的行内元素（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为行内元素。如下代码就是将块状元素div转换为行内元素，从页使用div元素具有行内元素特点。行内元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。小伙伴们你们观查一下右侧代码段，有没有发现一个问题，行内元素之间有一个间距问题，这个问题在本小节的wiki中有介绍，感兴趣的小伙伴可以去查看。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2018-03-22
天際

>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
望脚的旅人

在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将行内元素a转换为块状元素，从页使用a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2018-03-22
天際

还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
天際

.stress{ color:red; } .bigsize{ font-size:25px; } <p>到了<span class="stress bigsize">三年级</span>下学期时，我们班上了一节公开课...</p> 上面代码的作用是为“三年级”三个文字设置文本颜色为红色并且字号为25px。下面的代码是不正确的(完整代码见右侧代码编辑器) #stressid{ color:red; } #bigsizeid{ font-size:25px; } <p>到了<span id="stressid bigsizeid">三年级</span>下学期时，我们班上了一节公开课...</p> 上面代码不可以实现为“三年级”三个文字设置文本颜色为红色并且字号为25px的作用。

查看全部

0 采集收起来源：类和ID选择器的区别
2018-03-22
天際

1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次

查看全部

0 采集收起来源：类和ID选择器的区别
2014-11-10
望脚的旅人

在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2018-03-22

首页上一页 27731 27732 27733 27734 27735 27736 27737 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。