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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
最热 最新
  • enjie
    特殊性 有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码： p{color:red;} .first{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> p和.first都匹配到了p这个标签上，那么会显示哪种颜色呢？green是正确的颜色，那么为什么呢？是因为浏览器是根据权值来判断使用哪种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，所以可以理解为继承的权值最低。
    查看全部
    0 采集 收起 来源：权值计算-特殊性

    2018-03-22

  • enjie
    继承 CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} <p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red; p{border:1px solid red;} <p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 在上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线，而对于子元素span是没用起到作用的。
    查看全部
    0 采集 收起 来源：继承者 - 样式的继承

    2018-03-22

  • helkbore
    像素为什么是相对单位呢？因为像素指的是显示器上的小点（CSS规范中假设“90像素=1英寸”）。实际情况是浏览器会使用显示器的实际像素值有关，在目前大多数的设计者都倾向于使用像素（px）作为单位。 当给 font-size 设置单位为 em 时，此时计算的标准以 p 的父元素的 font-size 为基础。如下代码：
    查看全部
    0 采集 收起

    2015-02-08

  • helkbore
    p{color:rgb(20%,33%,25%);}
    查看全部
    0 采集 收起

    2015-02-08

  • helkbore
    注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛 font:12px/1.5em "宋体",sans-serif;
    查看全部
    0 采集 收起

    2018-03-22

  • helkbore
    当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。 #336699 #360
    查看全部
    0 采集 收起

    2015-02-08

  • helkbore
    position: absolute; bottom:0px;
    查看全部
    0 采集 收起 来源：Relative与Absolute组合使用

    2015-02-08

  • helkbore
    相对于其它元素进行定位必须遵守下面规范: 1、参照定位的元素必须是相对定位元素的前辈元素： 2、参照定位的元素(父级元素)必须加入position:relative; 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。
    查看全部
    0 采集 收起 来源：Relative与Absolute组合使用

    2015-02-08

  • helkbore
    fixed：表示固定定位 它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化， 固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响
    查看全部
    0 采集 收起 来源：我就在那不动了-层模型之固定定位

    2015-02-08

  • helkbore
    它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。
    查看全部
    0 采集 收起 来源：相对于自己的位置-层模型之相对定位

    2015-02-08

  • helkbore
    相对于其最接近的一个具有定位属性的父包含块进行绝对定位，如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。
    查看全部
    0 采集 收起 来源：万事无绝对 -层模型之绝对定位

    2015-02-08

  • helkbore
    只设置底边框能做成笔记本的样式哈。。。。
    查看全部
    0 采集 收起 来源：我想脚下踩条线 - 使用border为盒子添加边框（二）

    2015-02-08

  • helkbore
    盒子模型（块）：盒内元素的实际高度是自己的高度+上下内填充（padding）+上下边框(border).宽度同理
    查看全部
    0 采集 收起 来源：变个盒子-什么是盒模型（视频）

    2015-02-08

  • helkbore
    inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。
    查看全部
    0 采集 收起 来源：我还要站个大位置 - 内联块状元素

    2015-02-08

  • helkbore
    1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。 解决方法： div{font-size:0;} a,span,em{font-size:16px;} （div是a,span内联的父级）
    查看全部
    0 采集 收起 来源：我要和你站一起 - 内联元素

    2015-02-08

首页上一页26544265452654626547265482654926550下一页尾页

举报

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

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

查看已购买的课程