为了账号安全,请及时绑定邮箱和手机立即绑定
  • 表单标签,与用户交互 语法:<form method="传送方式" action="服务器文件"> 讲解: 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method : 数据传送的方式(get/post)。 4、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之间(否则用户输入的信息可提交不到服务器上哦!)。
    查看全部
  • text-decoration的可能值 值 描述 none 默认。定义标准的文本。 underline 定义文本下的一条线。 overline 定义文本上的一条线。 line-through 定义穿过文本下的一条线。 blink 定义闪烁的文本。 inherit 规定应该从父元素继承 text-decoration 属性的值。
    查看全部
    16 采集 收起

    2015-02-05

  • 觉得这部分难理解的可以看我的笔记: 1. 我们需要做的是什么? 是将“第一段话”与“第二段中的【简单】”变为绿色。 2. 我们先拆分为两个问题 如何将第一段变为绿色? 如何将第二段中的简单变为绿色? 3. OK,我们先解决2中的第一个问题,在之前学习的知识中,我们是如何把一段文字变为绿色的呢? 步骤一 : 写一个css样式,我们写一个 【.first { color:green;}】 步骤二: 用<p>标签标出整段文字,并在<p>中加入class="first",如<p class="first">---------原代码中已经帮我们写好了。 完成。 那么又如何将简单两字变为绿色呢? 最简单的方式:span{ color :red},在用span标签标出简单两字。 但是,我们可以刚刚学习了后代选择器呀骚年,不想用用吗? #second span{ color:green }搞定!(所有ID选择器名为second的标签中的所有span的所有后代标签都会受影响,包括span) 分组选择符的定义是什么?为多个标签元素设置同一个样式!这样省事简单,还可以减少代码冗余量。 所以我们将这两个问题合为一个处理: .first , #second span{ color:green;},其余问题(如用合适标签括出要修饰的内容并加上class/ID=“...”)原代码中都已经帮我们做好了,所以我们需要做的仅仅是修改内嵌的css样式而已。
    查看全部
  • label用于令指向的表单项获得焦点;for就是label的一个属性,"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
    查看全部
  • 复合属性 border-style 取一个值,则四条边框均使用这一个值。padding:55px; 取2个数值,则上下是一个值,左右是一个值。padding:33px 22px; 取3个值,则上边框占第一个值,左右占第二个值,下边框占第三个值。padding:10px 15px 22px; 取4个值,则以上、右、下、左依次使用相应的数值。padding:10px 20px 25px 55px;
    查看全部
  • <blockquote></<blockquote>一段话的引用,默认样式是缩进 <q></q>是对一句话的引用,默认样式是双引号
    查看全部
    15 采集 收起

    2018-03-22

  • #HTML+CSS基础——长度值# 目前比较常用到px(像素)、em、% 百分比,要注意其实这三种单位都是相对单位。 1、像素 像素指的是显示器上的小点,实际情况是浏览器会使用显示器的实际像素值有关 2、em 就是本元素给定字体的 font-size 值,如果元素的 font-size 为 14px ,那么 1em = 14px;如果 font-size 为 18px,那么 1em = 18px。首行缩进2个中文字符代码:p{font-size:12px;text-indent:2em;} 注意: 但当给 font-size 设置单位为 em 时,此时计算的标准以 p 的父元素的 font-size 为基础。 html: <p>以这个<span>例子</span>为例。</p> css: p{font-size:14px} span{font-size:0.8em;} 结果 span 中的字体“例子”字体大小就为 11.2px(14 * 0.8 = 11.2px)。 3、百分比 例如: p{font-size:12px;line-height:130%} 设置行高(行间距)为字体的130%(12 * 1.3 = 15.6px)。
    查看全部
    15 采集 收起

    2018-03-22

  • <blockquote>长文本引用标签</blockquote> <br/>换行标签 <br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一开始标签 &nbsp; 空格 <hr/> 添加水平横线 <address>为网页添加地址信息</address> 默认显示为斜体 <code>在网页上显示仪行代码</code> //只能显示一行 <pre>在网页上显示一大段代码</pre> <ul><li>无序列表<li></ul> <ol><li>有序列表</li></ol> <div>把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。</div> 1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。 4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。 5、<th>…</th>:表格的头部的一个单元格,表格表头。 6、表格中列的个数,取决于一行中数据单元格的个数。 1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的 2、表头,也就是th标签中的文本默认为粗体并且居中显示 <table summary="表格简介文本"> <caption>为表格添加标题和摘要/caption> 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 <tr> <td>…</td> <td>…</td> … </tr> … </table>
    查看全部
    15 采集 收起

    2018-03-22

  • text:文本框 password:密码框 raido:单选按钮 checkbox:复选框 file:文件选择框 button:普通按钮 reset:重置按钮 submit:提交按钮
    查看全部
  • 本章总结:<br> 表单,用来跟用户交互的。其格式为<form>……</form>,涉及到后台,则需在form中加入method="传送方式(post/get)"属性,action="服务器文件(save.php)".<br> 表单中涉及到的常用控件有输入文本框(text)、密码框(password)、文本域(textarea)、单选框(radio)、复选框(checkbox)、下拉列表框(select option,多选加multiple)、提交按钮、重置按钮(前面所有类型都是input下的,格式为<input type="类型" value="后台传的值" name="控件名称">)、lable标签,一方面是为了语义化,一方面加for的话,会起到跟其它控件焦点关联的作用。
    查看全部
  • 样式选择三步走: 1、内联、嵌入、外部 2、看权值--标签1,类10,id100 3、看远近--就近原则
    查看全部
    15 采集 收起

    2015-01-09

  • 本章总结 font-style:italic斜体 text-decoration:underline下划线 text-decoration:line-through删除线 text-indent:2em缩进 line-height:1.5em行间距(行高) letter-spacing:50px 文字间隔,word-spacing 英文单词间距(对中文无效) text-align:center 段落排版对齐方式left,right display:将元素变为块级元素,如2个span会换行
    查看全部
    15 采集 收起

    2016-05-25

  • div本身是一个容器,如果不对其设置宽度,也就是无限大,居中是没有意义的,所以要有两个条件一个是容器的大小,另一条是居中
    查看全部
  • textarea文本域小功能: cols="35"         行数为35(长) rows="10"         列数为10(高) maxlength="100"      限100个字 wrap="off"         关闭换行 placeholder="输入文字"   提示文字(有默认值不显示) 可加css样式: style="border-radius:3px;     文本框圆角    border:1px solid red;"   文本框样式(粗细 实线 颜色)
    查看全部
  • 当只设置一个方向的边框时,可以用: div{ border-bottom:1px dotted #ccc;// border-top:1px dotted #ccc;// border-left:1px dotted #ccc;// border-right:1px dotted #ccc; }
    查看全部

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!