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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色: <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。
    查看全部
    0 采集 收起

    2018-03-22

  • 1.从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。 2.内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p >这里文字是红色。</p> 注意:要写在元素的开始标签里 并且css样式代码要写在双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码:<p >这里文字是红色。</p>
    查看全部
    0 采集 收起

    2018-03-22

  • 1.CSS注释代码:就像在Html的注释一样,在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)。
    查看全部
  • css 样式由选择符和声明组成,而声明又由属性和值组成:p{color:blue} 1.选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 2.声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:p{font-size:12px;color:red;} 注意: 1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。 2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示: p{ font-size:12px; color:red; }
    查看全部
  • 标签的权值为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*/
    查看全部
  • 我们想把“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短语的文本颜色设置为红色,这时就 可以通过设置样式来设置,而且只需要编写一条css样式语句。 第一步:把这三个短语用<span></span>括起来。 第二步:写入下列代码:(见右边代码编辑器7-8行) span{ color:red; } 观察结果窗口文字的颜色是否变为红色了。
    查看全部
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 如下列代码: p{ font-size:12px;/*设置文字字号*/ color:red;/*设置文字颜色*/ font-weight:bold;/*设置字体加粗*/ } 使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。
    查看全部
  • label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。 语法:<label for="控件id名称"> 注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。 你对什么运动感兴趣: <br/> <lable for="1">慢跑</lable> <input type="checkbox" name="checkbox1" id="1"> <br/> <lable for="2">登山</lable> <input type="checkbox" name="checkbox2" id="2"> <br/> <lable for="3">篮球</lable> <input type="checkbox" name="checkbox3" id="3">
    查看全部
  • <em>与<strong>都表示强调,但<em>默认用斜体表示,<strong>默认用粗体表示
    查看全部
    0 采集 收起

    2018-03-22

  • 标题的标签样式都会加粗,h1标签的字号最大,h2标签相对于h2要小
    查看全部
    0 采集 收起

    2015-01-02

  • 1.当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。 2.语法:<input type="reset" value="重置"> type:只有当type值设置为reset时,按钮才有重置作用 value:按钮上显示的文字
    查看全部
  • 1.在表单中有两种按钮可以使用,分别为:提交按钮、重置.当用户需要提交表单信息到服务器时,需要用到提交按钮。 2.语法:<input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字
    查看全部
  • 下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。
    查看全部
    0 采集 收起

    2018-03-22

  • 使用下拉列表框,节省空间 语法:<select> <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物" select="selected">购物</option> </select> 1、value: <option value='提交值'>选项</option> 2、selected="selected": 设置selected="selected"属性,则该选项就被默认选中。
    查看全部
  • 1.html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。 2.语法:<input type="radio/checkbox" value="值" name="名称" checked="checked"/> type:当type="radio"时,控件为单选框;当type="checkbox"时,控件为复选框 value:提交数据到服务器的值(后台程序PHP使用) name:为控件命名,以备后台程序ASP、PHP使用 checked:当设置checked="checked"时,该选项被默认选中 注意:同一组的单选按钮,name取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。
    查看全部

举报

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

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