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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <select></select>普通复选框 <select multiple="multiple"></select> 复选框的多选框
    查看全部
    0 采集 收起

    2018-03-22

  • 下拉表单 selected value:向服务器提交的值
    查看全部
  • &lt;link href=&quot;base.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt; 注意: 1、css样式文件名称以有意义的英文字母命名,如 main.css。 2、rel=&quot;stylesheet&quot; type=&quot;text/css&quot; 是固定写法不可修改。 3、&lt;link&gt;标签位置一般写在&lt;head&gt;标签之内。
    查看全部
    0 采集 收起

    2018-03-22

  • <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、type: 当 type="radio" 时,控件为单选 当 type="checkbox" 时,控件为复选框 2、value:提交数据到服务器的值(后台程序PHP使用) 3、name:为控件命名,以备后台程序 ASP、PHP 使用 !!4、checked:当设置 checked="checked" 时,该选项被默认选中 注意:同一组的单选按钮,name 取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。 单选: <label>男</label> <input type="radio" value="1" name="gender" /> <label>女</label> <input type="radio" value="2" name="gender" /> 复选: <label>男</label> <input type="checkbox" value="1" name="gender" /> <label>女</label> <input type="checkbox" value="2" name="gender" /> 亲,那个value主要是为后台程序语言提供的,这样到了服务器端用php取出被选中的value值,看是1还是2,如果为1就表示是用户选择的为男,如果为2则表示用户选择的是女,这个值你是可以随便设置的,不一定非得设置为1,2也可以设置为0,1。只要你清楚哪个对应男,哪个对应女就行。
    查看全部
  • radio:单选框(同一组的单选按钮,name 取值一定要一致) checkbox;复选框(可以选多个) checked="checked"(默认选值)
    查看全部
  • 内联式:css直接写在现有的html标签中 嵌入式:css样式写在head里,<style type="text/html"> span{color:red;} </style> 外部式:<link href="base.css" rel="stylesheet" type="text/css"> 内联式 > 嵌入式 > 外部式
    查看全部
    0 采集 收起

    2018-03-22

  • 内嵌式css样式代码要写在style=&quot;&quot;双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。
    查看全部
    0 采集 收起

    2018-03-22

  • 在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用&lt;!--注释语句--&gt;)。
    查看全部
  • 三种方法的优先级 内联式 > 嵌入式 > 外部式 但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。 就近原则(离被设置元素越近优先级别越高)
    查看全部
    0 采集 收起

    2018-03-22

  • 关于颜色的css样式也是可以缩写的,当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。 例子1: p{color:#000000;} 可以缩写为: p{color: #000;} 例子2: p{color: #336699;} 可以缩写为: p{color: #369;}
    查看全部
    0 采集 收起

    2015-02-15

  • 盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下: margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 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的缩写方法和margin是一致的。
    查看全部
    0 采集 收起

    2015-02-15

  • Relative与Absolute组合使用: 1、参照定位的元素必须是相对定位元素的前辈元素: 2、参照定位的元素必须加入position:relative; 3、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了。
    查看全部
  • 实现浏览器视图右下角定位div层。 1、在右侧代码编辑器中的第11行输入: position:fixed; bottom:0; right:0;
    查看全部
  • 层模型--固定定位: 1、是框架固定不变,不随滚动条变化; fixed:表示固定定位,与absolute定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响,这与background-attachment:fixed;属性功能相同。以下代码可以实现相对于浏览器视图向右移动100px,向下移动50px。并且拖动滚动条时位置固定不变。
    查看全部
  • 如果想为元素设置层模型中的相对定位,需要设置position:relative(表示相对定位),它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动。
    查看全部

举报

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

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