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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 外部式css样式 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内
    查看全部
    0 采集 收起

    2018-03-22

  • 使用单选框、复选框,让用户选择 语法: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、type: 当type="radio"时,控件为单选框 当type="checkbox"时,控件为复选框 2、value:提交数据到服务器的值(后台程序PHP使用) 3、name:为控件命名,以备后台程序ASP、PHP使用 4、checked:当设置checked="checked"时,该选项被默认选中 注意:同一组的单选按钮,name取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用
    查看全部
  • 1】强调: <em> 表示强调,<strong> 表示更强烈的强调 在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示 两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调 2】淘宝: <div class="tb-promo-item-bd"> <strong class="tb-promo-price"> <em class="tb-rmb">¥</em> <em class="tb-rmb-num">300.00¥</em> </strong> </div>
    查看全部
    0 采集 收起

    2018-03-22

  • 当用户需要在表单中输入大段文字时,需要用到文本输入域。 语法:<textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。 2、cols :多行输入域的列数。 3、rows :多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。 注意这两个属性可用css样式的width和height来代替:col用width、row用height来代替。
    查看全部
  • italic和oblique都是向右倾斜的文字, 但区别在于Italic是指斜体字,而Oblique是倾斜的文字,对于没有斜体的字体应该使用Oblique属性值来实现倾斜的文字效果.
    查看全部
  • 网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method : 数据传送的方式(get/post) 1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之间(否则用户输入的信息可提交不到服务器上哦!)。 2、method:post/get的区别这一部分内容属于后端程序员考虑的问题
    查看全部
  • <img>标签,为网页插入图片 语法: <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件
    查看全部
    0 采集 收起

    2018-03-22

  • 1】腾讯: <h1> <a href="#" class="qqlogo"> <span class="undis">腾讯网</span> </a> </h1> style: .qqlogo{ background-image:url();display:block;} .undis{ display:none;} 2】<h1>...<h6>默认样式:加粗。同一个页面总只允许使用一个<h1>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • 就像在Html的注释一样,在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)
    查看全部
  • <p>标签的默认样式:段前段后都会有空白,可用css样式来删除或改变它。
    查看全部
    0 采集 收起

    2018-03-22

  • 在介绍软件语言技术网站中,必免不了显示一些计算机专业代码这时候可以使用<code>标签 注意:在文章中一般如果要插入多行代码时不能使用<code>标签了。 注:如果是多行代码,可以使用<pre>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • 盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下: margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同,如下面代码: margin:10px 10px 10px 10px; 可缩写为: margin:10px; 2、如果top和bottom值相同、left和 right的值相同,如下面代码: margin:10px 20px 10px 20px; 可缩写为: margin:10px 20px; 3、如果left和right的值相同,如下面代码: margin:10px 20px 30px 20px; 可缩写为: margin:10px 20px 30px; 注意:padding、border的缩写方法和margin是一致的。
    查看全部
    0 采集 收起

    2014-12-10

  • <a href="目标网址" target="_blank"(作用是在新窗口打开链接)>点击此处进入</a>
    查看全部
    0 采集 收起

    2018-03-22

  • 盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下: margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同,如下面代码: margin:10px 10px 10px 10px; 可缩写为: margin:10px; 2、如果top和bottom值相同、left和 right的值相同,如下面代码: margin:10px 20px 10px 20px; 可缩写为: margin:10px 20px; 3、如果left和right的值相同,如下面代码: margin:10px 20px 30px 20px; 可缩写为: margin:10px 20px 30px; 注意:padding、border的缩写方法和margin是一致的。
    查看全部
    0 采集 收起

    2014-12-10

  • <address>作用是网页加入地址信息 浏览器上显示的样式为斜体 <address></address>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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