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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <textarea></textarea>标签用于多行文本的输入的文本输入域,语法: <form method="post/get" action="文件传送地址"> <textarea rows="行数" cols="列数"> 默认文本 </textarea> </form>
    查看全部
  • 层模型--绝对定位 如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。 如下面代码可以实现div元素相对于浏览器窗口向右移动100px,向下移动50px。 div{ width:200px; height:200px; border:2px red solid; position:absolute; left:100px; top:50px; } <div id="div1"></div>
    查看全部
  • 权值的规则: 标签的权值为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的某些样式是具有继承性的,即允许样式不仅应用于某个特定html标签元素,而且应用于其后代。但有一些css样式是不具有继承性的。如border:1px solid red;
    查看全部
  • 在缩写时 font-size 与 line-height 中间要加入“/”斜扛。 一般情况下因为对于中文网站,英文还是比较少的,所以下面缩写代码比较常用: body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。
    查看全部
    0 采集 收起

    2018-03-22

  • >作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 需要设置position:relative(表示相对定位),它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动。
    查看全部
  • 需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。
    查看全部
  • CSS定义了一组定位(positioning)属性来支持层布局模型。 层模型有三种形式: 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)
    查看全部
  • 任何元素在默认情况下是不能浮动的,但可以用CSS定义为浮动
    查看全部
  • 第二点,在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示。(内联元素可不像块状元素这么霸道独占一行)
    查看全部
  • 长度值 px(像素)、em、% 百分比 px CSS规范中假设"90像素=1英寸" em 就是本元素给定字体的 font-size 值,如果元素的 font-size 为 14px ,那么 1em = 14px。p{font-size:12px;text-indent:2em;}可以实现段落首行缩进 24px(也就是两个字体大小的距离)。当给 font-size 设置单位为 em 时,此时计算的标准以 p 的父元素的 font-size 为基础。 % p{font-size:12px;line-height:130%}设置行高(行间距)为字体的130%(12 * 1.3 = 15.6px)。
    查看全部
    0 采集 收起

    2018-03-22

  • 颜色值 1、英文命令颜色p{color:red;} 2、RGB颜色由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。p{color:rgb(133,45,200);}每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数。p{color:rgb(20%,33%,25%);} 3、十六进制颜色 其每一项的值由 0-255 变成了十六进制 00-ff 。p{color:#00ffff;}
    查看全部
    0 采集 收起

    2015-02-12

  • 语法: <input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字
    查看全部
  • 颜色值缩写 当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。 例子1: p{color:#000000;} 可以缩写为: p{color: #000;} 例子2: p{color: #336699;} 可以缩写为: p{color: #369;}
    查看全部
    0 采集 收起

    2015-02-12

举报

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

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