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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 内联式: <p >这里文字是红色。</p>
    查看全部
    0 采集 收起

    2018-03-22

  • css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:
    查看全部
  • 就近原则(离被设置元素越近优先级别越高)
    查看全部
    0 采集 收起

    2015-01-16

  • 因为这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式
    查看全部
    0 采集 收起

    2018-03-22

  • 嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色: <style type="text/css"> span{ color:red; } </style>
    查看全部
    0 采集 收起

    2018-03-22

  • 盒模型--边框(二) 想为p标签单独设置下边框,而其它三边都不设置边框样式怎么办呢? css样式中允许只为一个方向的边框设置样式: div{border-bottom:1px solid red;} 同样可以使用下面代码实现其它三边上、右、左边框的设置: border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;
    查看全部
  • 注意要写在元素的开始标签里,下面这种写法是错误的: <p>这里文字是红色。</p >
    查看全部
    0 采集 收起

    2018-03-22

  • span{ color:blue; } </style> </head> <body> <p>慕课网,<span>超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;<span>服务及时贴心</span>,内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手!</p> 用sapn标签来更改局部设置
    查看全部
  • p{ font-size:20px;/*设置文字字号*/ color:red;/*设置文字颜色*/ font-weight:bold;/*设置字体加粗*/ }
    查看全部
  • 盒模型--边框(一) 盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细、样式和颜色(边框三个属性)。 如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框: div{ border:2px solid red; } 上面是border代码的缩写形式,可以分开写: div{ border-width:2px; border-style:solid; border-color:red; } 注意: 1、border-style(边框样式)常见样式有: dashed(虚线)| dotted(点线)| solid(实线)。 2、border-color(边框颜色)中的颜色可设置为十六进制颜色,如: border-color:#888;//前面的井号不要忘掉。 3、border-width(边框宽度)中的宽度也可以设置为: thin | medium | thick(但不是很常用),最常还是用象素(px)。
    查看全部
  • label的for属性,后面必须跟表单控件中的id一致而非name
    查看全部
  • 语法: <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”,这样同一组的单选按钮才可以起到单选的作用。 若是复选按钮,那么就不用保持name后的名字一致
    查看全部
  • 举例: <form method="post" action="save.php"> <label>联系我们</label> <textarea cols="50" rows="10" >在这里输入内容...</textarea> </form>
    查看全部
  • 语法: <textarea rows="行数" cols="列数">文本</textarea>
    查看全部

举报

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

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