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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的: 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
    查看全部
  • .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素(第一代子元素)li(水果、蔬菜)加入红色实线边框,而水果、蔬菜中的li(香蕉等、白菜等)不会改变
    查看全部
  • <form> <input type="text/password" name="名称" value="文本" /> </form> 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、value:为文本输入框设置默认值。(一般起到提示作用)
    查看全部
  • 文本域,支持多行文本输入 当用户需要在表单中输入大段文字时,需要用到文本输入域。 语法: <textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。 2、cols :多行输入域的列数。 3、rows :多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。 注意这两个属性可用css样式的width和height来代替:col用width、row用height来代替。
    查看全部
  • 下面是权值的规则: 标签的权值为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,所以可以理解为继承的权值最低
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>单选框、复选框</title> </head> <body> <form action="save.php" method="post" > <label>性别:</label> <label>男</label> <input type="radio" value="1" name="sex" /> <label>女</label> <input
    查看全部
  • 文本输入框、密码输入框 <form> <input type="text/password" name="名称" value="文本" /> </form> 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、value:为文本输入框设置默认值。(一般起到提示作用)
    查看全部
  • 浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。
    查看全部
  • 在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。
    查看全部
  • 使用表单标签,与用户交互 <form method="传送方式" action="服务器文件"> 讲解: 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method : 数据传送的方式(get/post)。 注意:1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之间(否则用户输入的信息可提交不用服务器上噢!)。 2、method:post/get的区别这一部分内容属于后端程序员考虑的问题。
    查看全部
  • 1. <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。 2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
    查看全部
    0 采集 收起

    2018-03-22

  • span和label都是容器; 应用span省去了好多div嵌套,后期不好修改的麻烦
    查看全部
  • <style type="text/css"> table tr td,th{border:1px solid #000;} </style>在table上加了后会出现一个粗细为一个像素的黑色边框
    查看全部
    0 采集 收起

    2018-03-22

  • 对于同一个元素我们同时用了三种方法设置css样式,三种样式是有优先级的:内联式 > 嵌入式 > 外部式。 但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面。 其实总结来说,就是--就近原则(离被设置元素越近优先级别越高)
    查看全部
    0 采集 收起

    2018-03-22

  • CSS注释代码 在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)
    查看全部

举报

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

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