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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。注意:!important要写在分号的前面
    查看全部
  • 我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决
    查看全部
  • 层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。 其实就是就近原则。
    查看全部
    0 采集 收起

    2015-01-04

  • 要想输入空格,必须写入&nbsp;。 每个&nbsp;都是以;分开的
    查看全部
  • 标签的权值为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,所以可以理解为继承的权值最低。
    查看全部
  • 在HTML代码中,输入空格和回车都是没有作用的
    查看全部
  • <br/>标签是一个空标签,没有HTML内容的标签是空标签,空标签只需要写一个开始标签,这样的标签还有<br/>,<hr/>,<img/>
    查看全部
  • 浏览器对<blockquote>标签的解析是缩进样式 浏览器对<q>标签的解释是默认加引号 <blockquote>标签是对长文本的引用 <q>标签是对简短文本的引用
    查看全部
    0 采集 收起

    2018-03-22

  • 层模型有三种形式: 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)
    查看全部
  • qqd
    CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。 在网页中,元素有三种布局模型: a、流动模型(Flow) b、浮动模型 (Float) c、层模型(Layer) 1.流动模型 流动(Flow)是默认的网页布局模式。 流动布局模型具有2个比较典型的特征: 第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。 第二点,在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示。 2.浮动模型: 任何元素在默认情况下是不能浮动的,但可以用CSS定义为浮动, 如下代码可以实现两个div元素(块状元素)一行显示: 左或右浮动: div{ float:left;或float:right; } 或一左一右浮动: #div1{float:left;} #div2{float:right;} 3.层模型有三种形式: a、绝对定位(position: absolute) 相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。 b、相对定位(position: relative) 相对自身偏移前的位置进行定位。 c、固定定位(position: fixed) fixed:表示固定定位,它的相对移动的坐标是视图(屏幕内的网页窗口)本身。由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化。 使用position:absolute可以实现被设置元素相对于浏览器(body)设置定位以后,大家有没有想过可不可以相对于其它元素进行定位呢? 使用position:relative来帮忙,但是必须遵守下面规范: 1、参照定位的元素必须是相对定位元素的前辈元素: 2、参照定位的元素必须加入position:relative; 3、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了。
    查看全部
  • 类和ID选择器的区别 相同点:可以应用于任何元素 不同点: 1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。 正确: .stress{ color:red; } .bigsize{ font-size:25px; } <p>到了<span class="stress bigsize">三年级</span>
    查看全部
  • ID选择器 定义: #setGreen{ color:green; } 使用: <span id="setGreen">公开课</span>
    查看全部
    0 采集 收起

    2018-03-22

  • div、p、table、img等元素都可以被定义为浮动。float:left;左对齐,float:right;右对齐,居中margin:0 auto;
    查看全部
  • .类选器名称{css样式代码;} .setGreen{ color:green; } <span class="setGreen">公开课</span>
    查看全部
  • {position:absolute}相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。
    查看全部

举报

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

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