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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 感受一下块级元素的特点
    查看全部
  • text-decoration:line-through;横线 font-style:underline下划线 font-style:italic斜体 文字排版--字号、颜色body{font-size:12px;color:#666} 文字排版--字号、颜色 可以使用下面代码设置网页中文字的字号为12像素,并把字体颜色设置为#666(灰色): body{font-size:12px;color:#666}
    查看全部
  • body{font-family:"宋体";} 现在一般网页喜欢设置“微软雅黑”,如下代码: body{ font-family:"Microsoft Yahei";} 因为这种字体即美观又可以在客户端安全的显示出来(用户本地一般都是默认安装的)。
    查看全部
  • 1.caption标签,为表格添加标题和摘要。 2.摘要的内容是不会在浏览器中显示出来的。
    查看全部
    0 采集 收起

    2014-09-26

  • 元素分类 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有: <img>、<input>
    查看全部
  • 我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。 如下代码: p{color:red!important;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。 注意:!important要写在分号的前面
    查看全部
  • color设定字体颜色(比如:red) text-decoration 设定删除线(line-through)和下划线(underline) font-weight 设定粗体(bold) font-style 设定斜体(italic) font-size 设定字体大小(用px,比如:20px) font-family 设定字体(比如:宋体) text-align设定位置(比如:center) letter-spacing设定字间距(用px,比如:20px) line-height设定行间距(用em,比如:1.5em) text-indent设定空格(用em,比如:2em)
    查看全部
    0 采集 收起

    2014-09-26

  • 我也来试试,为图片设置水平居中显示
    查看全部
    0 采集 收起

    2014-09-26

  • 我也来试试,为右侧段落设置行间距为2em
    查看全部
    0 采集 收起

    2014-09-26

  • 层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。 所以前面的css样式优先级就不难理解了: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    0 采集 收起

    2018-03-22

  • 缩进2em
    查看全部
    0 采集 收起

    2014-09-26

  • text-decoration下划线CSS单词值参数: none :  无装饰 blink :  闪烁 underline :  下划线 line-through :  贯穿线 overline :  上划线
    查看全部
    0 采集 收起

    2014-09-26

  • 复习一下
    查看全部
    0 采集 收起

    2014-09-26

  • 浮动布局时 浮动的元素一定要设置宽度
    查看全部
  • 标签的权值为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,所以可以理解为继承的权值最低。
    查看全部

举报

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

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