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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: h1,span{color:red;} 它相当于下面两行代码: h1{color:red;} span{color:red;}
    查看全部
  • 选择器: 元素选择器 例:p{} 类选择器 例:.p{} id 选择器 例:#p{} 子选择器 例:.p>span{} 包含选择器 例:.p span{} 状态选择器(伪选择器) 例:a:hover
    查看全部
  • 通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素
    查看全部
  • 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码: .first span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。 >作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 子选择器 1】.food>li{border:1px solid red;} 使class名为food下的子元素li加入红色实线边框
    查看全部
  • 浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。
    查看全部
  • 摘要的表示方法:<table summary="表格简介文本">(不显示摘要) 标题的表示方法:<caption>标题文本</caption>
    查看全部
    0 采集 收起

    2018-03-22

  • {text-decoration:line-through;} 删除线
    查看全部
    0 采集 收起

    2014-12-12

  • 1】<label for="控件id名称"> 2】for 属性中的值应当与相关控件的 id 属性值一定要相同。当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 3】 <form> <label>你对什么运动感兴趣:</label> <br> <label for="run">慢跑</label> <input type="checkbox" name="sports" id="run"> <br> <label for="hiking">登山</label> <input type="checkbox" name="sports" id="hiking"> <br> <label for="basketball">篮球</label> <input type="checkbox" name="sports" id="basketball"> </form>
    查看全部
  • 1】内联块状元素(inline-block):同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。 2】inline-block元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。
    查看全部
  • 1】常用内联元素(行内元素)(inline)元素:<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em> 2】块状元素可以通过代码display:inline将元素设置为内联元素,使其具有内联元素特点。 3】内联元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
    查看全部
  • <input type="reset" value="重置"> type:只有当type值设置为reset时,按钮才有重置作用 value:按钮上显示的文字
    查看全部
  • <input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字
    查看全部
  • 下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。 <select multiple="multiple"> <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select>
    查看全部
    0 采集 收起

    2018-03-22

  • 1】常用块级元素:<div>、 <p>、<h1>、<form>、<ul> 和 <li> 2】块级元素特点 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
    查看全部

举报

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

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