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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。
    查看全部
  • 内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。 inline-block元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。
    查看全部
  • 行内元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变 块状元素——display:inline——行内元素; 行内元素——display:block——块状元素
    查看全部
  • 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
    查看全部
  • 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有: <img>、<input>
    查看全部
  • 1.使用!important为样式设置最高权值,高的没天理了。注意,要写在分号前面。p{color:red!important;} 2.样式优先级(和权值含义类似),浏览器默认设置<网页制作者样式<用户自己设置的样式<!important
    查看全部
  • 1.一个html元素有多个css样式,先考虑权重,应用权重高的,id选择器>类选择器>标签选择器。如果权重一样,应用后面的,后面的覆盖了前面的样式。 2.css优先级:标签内部(内联样式表)>当前文件中(嵌入样式表)>外部文件中(外部样式表)
    查看全部
    1 采集 收起

    2018-03-22

  • 1.当我们为一个元素设置了不同的样式时,浏览器应用权值高的。 标签选择器权值1,类标签权值10,id选择器权值100. 2.<p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩</p>胆小如鼠的属性比如颜色依span的。
    查看全部
  • 先行再列。先<tr>再<td>
    查看全部
    0 采集 收起

    2018-03-22

  • 有些样式具有继承属性,比如颜色样式,<p>ad<span>sad</span></p>不仅应用于p标签,还应用于p标签的所有子标签span标签.但是边框属性不具有继承属性。只作用于p标签。
    查看全部
  • 表头,也就是th标签中的文本默认为粗体并且居中显示
    查看全部
    0 采集 收起

    2018-03-22

  • 嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。
    查看全部
    1 采集 收起

    2018-03-22

  • 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p style="color:red">这里文字是红色。</p> 注意要写在元素的开始标签里,下面这种写法是错误的: <p>这里文字是红色。</p style="color:red"> 并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码: <p style="color:red;font-size:12px">这里文字是红色。</p>
    查看全部
    0 采集 收起

    2018-03-22

  • border-style边框样式:dashed虚线/dotted点线/solid实线
    查看全部
  • <ul> <li>无序列表</li> <li>带小黑点</li> </ul> <ol> <li>有序列表</li> <li>带数字,从1开始</li> </ol>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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