为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • CSS根据权值来判断样式的优先级 标签的权值为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*/
    查看全部
  • 文本输入框、密码输入框 语法: <input type="text/password" name="名称" value="文本" /> 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、value:为文本输入框设置默认值。(一般起到提示作用)
    查看全部
  • CSS某些样式具有继承性,即子标签会继承父标签的样式。 但有些CSS样式不具有这样的继承性,如border:1px solid red;
    查看全部
  • 使用form表单标签,与用户交互 语法: <form method="传送方式" action="服务器文件"></form> 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method : 数据传送的方式(get/post)。 注意: 1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之间(否则用户输入的信息提交不到服务器上) Form中的get和post方法,在数据传输过程中分别对应了GET和POST方法。 二者主要区别如下: 1、Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。 如下形式: http://www.imooc.com/test.asp?name=lilian&password=12345678 2、Get是不安全的,因为在传输过程,数据被存放在请求的URL地址中,这样就可能会有一些隐私的信息被第三方看到。 3、Get方式传输的数据量非常小,一般限制在 2KB 左右,但是执行效率却比 Post 方法好;而 Post 方式传递的数据量相对较大,它是等待服务器来读取数据,不过也有字节限制,这是为了避免对服务器用大量数据进行恶意攻击。
    查看全部
  • 插入单行代码用<code>代码</code> 多行代码用<pre>代码</pre>
    查看全部
    0 采集 收起

    2018-03-22

  • 分组选择符 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: h1,span{color:red;} 它相当于下面两行代码: h1{color:red;} span{color:red;}
    查看全部
  • <img>标签插入图片 语法: <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件。
    查看全部
    0 采集 收起

    2018-03-22

  • 分组选择符,可以为多个标签设置相同的样式,标签名称之间用英文逗号(,)分隔。 h1,span{color:red;}
    查看全部
  • label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。 语法: <label for="控件id名称"> 注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
    查看全部
  • Table表格在没有添加css样式之前,是没有边框的。需要在css里边设置<style type="text/css"> table tr td,th{border:1px solid #000;} </style>
    查看全部
    0 采集 收起

    2018-03-22

  • 伪类选择符,给html不存在的标签(标签的某种状态)设置样式 a:hover{color:red;}给html中一个标签元素的鼠标滑过的状态来设置字体颜色 目前比较常用的组合是a:hover
    查看全部
  • <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 这个逗号的问题,逗号左右两侧是同级的关系,空格表示父子关系
    查看全部
    0 采集 收起

    2018-03-22

  • 伪类选择符 更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;} 上面一行代码就是为a标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。 关于伪选择符: 关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用:hover了(其实伪类选择符还有很多,尤其是css3中,但是因为不能兼容所有浏鉴器,本教程只是讲了这一种最常用的)。其实:hover可以放在任意的标签上,比如说p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是a:hover的组合。
    查看全部
  • 使用mailto在网页中链接Email地址 注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。 mailto 功能::邮箱地址 详解:浏览器会自动调用默认的客户端电子邮件程序(如Outlook),并在收件人框中自动填入收件人的邮箱地址 cc= 功能:抄送地址 详解:在收件人地址后用cc=地址,可以填写抄送地址 bcc= 功能:密件抄送地址 详解:在收件人地址后用bcc=地址,可以填写密件抄送地址 ; 功能:多个联系人,抄送,密件抄送人 详解:用分号隔开多个收件人的地址,可以实现放松给多个收件人的功能 subject= 功能:邮件主题 详解:使用subject=添加邮件主题 body= 功能:邮件内容 详解:使用body=添加邮件内容
    查看全部
    0 采集 收起

    2018-04-23

  • 同时浮动才可以在一行
    查看全部

举报

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

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