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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 类选择器:.类选择器名称{css样式代码;}--英文圆点开头;类选择器名称任意起名(但不能是中文) 1.使用合适的标签把要修饰的内容标记起来<span>胆小如鼠</span> 2.使用class="类选择器名称"为标签设置一个类;<span class="stress">胆小如鼠,公开课</span> 3.设置类选择器css的样式.stress{color:red;}/*类前面要加入一个英文圆点*/
    查看全部
  • 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码: .first span{color:red;}
    查看全部
  • 还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码: .food>li{border:1px solid red;}
    查看全部
  • 1、border-style(边框样式)常见样式有: dashed(虚线)| dotted(点线)| solid(实线)。 2、border-color(边框颜色)中的颜色可设置为十六进制颜色,如: border-color:#888;//前面的井号不要忘掉。 3、border-width(边框宽度)中的宽度也可以设置为: thin | medium | thick(但不是很常用),最常还是用象素(px)。
    查看全部
  • css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。 在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer) 这三个布局模型究竟是什么布局?下面几个小节会详细给大家介绍。
    查看全部
  • 文本域,支持多行文本输入: <textarea rows="行数" cols="列数">文本</textarea>(注:rows多行输入域的行数 可用css样式的width代替 cols:多行输入域的列数 可用css样式的height代替)
    查看全部
  • 我这样写好像也满足了要求啊,并没有用id选择器,请问答案那么做有什么好处?万一,第二段中,span不是唯一一组呢,那么该怎么只让“简单”显示为绿色?难道要用内联式?
    查看全部
  • <ol>排序标签1.....2....3...<ul>标签不排序.a.b.c
    查看全部
    0 采集 收起

    2018-03-22

  • 包含选择器,就是该样式会应用于该使用该标签的所有后代;而>子选择器则不一样,它只应用于第一代即儿子节点
    查看全部
  • inline-block元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。
    查看全部
  • 内联元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。 小伙伴们你们观查一下右侧代码段,有没有发现一个问题,内联元素之间有一个间距问题,这个问题在本小节的wiki中有介绍,感兴趣的小伙伴可以去查看。
    查看全部
  • 从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。
    查看全部
    0 采集 收起

    2015-01-07

  • 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、value:为文本输入框设置默认值。(一般起到提示作用)
    查看全部
  • 浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但!important优先级样式是个例外,权值高于用户自己设置的样式。 注意:!important要写在分号的前面
    查看全部
  • 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method : 数据传送的方式(get/post)。
    查看全部

举报

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

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