为了账号安全,请及时绑定邮箱和手机立即绑定
  • 关于伪选择符: 关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用:hover了(其实伪类选择符还有很多,尤其是css3中,但是因为不能兼容所有浏鉴器,本教程只是讲了这一种最常用的)。其实:hover可以放在任意的标签上,比如说p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是a:hover的组合。
    查看全部
  • 层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。 如下面代码: p{color:red;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 最后 p 中的文本会设置为green,这个层叠很好理解,理解为后面的样式会覆盖前面的样式。 所以前面的css样式优先级就不难理解了: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    0 采集 收起

    2018-03-22

  • span{color:pink;}/*设置为粉色*/ p span{color:purple;}
    查看全部
  • 浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。 标签的权值为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,所以可以理解为继承的权值最低
    查看全部
  • 注意有一些css样式是不具有继承性的。如border:1px solid red; p{border:1px solid red;} <p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 在上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线,而对于子元素span是没用起到作用的。
    查看全部
  • 请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 面我们用一张图来解释一下<head>标签中常见的功能标签及他们的作用: 当然字符集也可以设置成“gb2312”来设置网页只支持中文,如下面代码: <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    查看全部
    0 采集 收起

    2018-03-22

  • position:absolute(相对整个窗口的绝对定位) position:relative(偏移前的位置相对偏移后的位置) position:fixed(相对于目前窗口的位置,可联想至页面的返回顶部按钮)
    查看全部
  • 一般情况下因为对于中文网站,英文还是比较少的,所以下面缩写代码比较常用: body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。
    查看全部
    0 采集 收起

    2018-03-22

  • 例子1: p{color:#000000;} 可以缩写为: p{color: #000;} 例子2: p{color: #336699;} 可以缩写为: p{color: #369;}
    查看全部
    0 采集 收起

    2014-11-02

  • 拖动滚动条时位置固定不变。
    查看全部
  • 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同,如下面代码: margin:10px 10px 10px 10px; 可缩写为: margin:10px; 2、如果top和bottom值相同、left和 right的值相同,如下面代码: margin:10px 20px 10px 20px; 可缩写为: margin:10px 20px; 3、如果left和right的值相同,如下面代码: margin:10px 20px 30px 20px; 可缩写为: margin:10px 20px 30px; 注意:padding、border的缩写方法和marg
    查看全部
    0 采集 收起

    2014-11-02

  • 这里注意参照物就可以不是浏览器了,而可以自由设置了)。
    查看全部
  • absolute (绝对)相对的是浏览器窗口(body), fixed(绝对)相对的是视图(屏幕内的网页窗口), relation(相对)相对从前的位置进行变化
    查看全部
  • top,right,bottom,left指的是与原来的位置相对于偏移后的位置
    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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