Web前端开发之HTML+CSS基础入门

课程导师

嵌入式实训班 嵌入式实训班
00:00:00
Play
Next
00:00 / 00:00
40%
  • 2x
  • 1.5x
  • 1.25x
  • 1x
1x
21.Div+Css布局(div+span以及盒模型)
离线学习

下载APP离线观看

技能补充更多
  • Javascript初步
    Javascript初步

    Javascript是web前端开发常用技术之一,也是web前端开发必学技术之一,本章麦子学院原创JavaScript视频教程,将围绕其相关基础知识和实际应用全面讲解,让你轻松掌握并精通JavaScript的使用。

  • Photoshop切片
    Photoshop切片

    Photoshop切片是web前端开发常用技术之一,本章将由麦子学院资深web前端工程师为你讲解ps切片的基本操作、技巧及要点,让你快速入门Photoshop切片。

  • Python语言编程基础
    Python语言编程基础

    Python是一种面向对象、解释型计算机程序设计语言,语法简洁而清晰,具有丰富和强大的类库。本章Python编程基础的视频教程,为现目前国内最全面的Python视频教程之一,由麦子学院资深Python工程师录制,主要围绕Python编程实战方方面面展开。

  • Javascript初步
    Javascript初步

    javascript是一种动态类型、弱类型、基于原型的语言,广泛应用于客户端,而在Python中,JavaScript是 web前端开发不可或缺的一个技术,本章主要是麦子学院资深web前端开发工程师通过系统讲解js的语法、对象、函数、变量及其的使用等等,让零基础学员迅速入门。

  • 最新问答
  • WIKI资料
  • 课件下载
只看我参与的
  • FetomChang 1个月前

    为何我使用外部CSS的时候,不产生效果呢? 引用格式应该是正确的,然后我用谷歌审查元素,打开控制台的时候,检查发现我的CSS文件为空,而IE浏览器则提示“正在打开+“URL路径””,然后点开路径后发现,CSS内容不是我之前的CSS内容,而是一个错误HTML页面的HTML代码,老师您知道这是怎么回事吗

    提问于 00:00

    熊涛 回复 FetomChang 29天前

    你所谓的外部css 是异步传递过来的吗,那么你本地引用的时候一定要加上他们的域名,这样才能正确应用到外部传入的css,如果使用的是本地外连接,路径没有问题的建议刷新一下浏览器,ctrl+f5刷新.重新载入一次,希望对你有帮助

    FetomChang 回复 熊涛 27天前

    是本地外连接,刷新了也没用。 然后最近几天打开的时候发现一个很有趣的事情,那就是他突然间能显示CSS的效果了,然后再刷新又没效果了。 不过这 种情况只出现过一次。我所谓的引用外部CSS是在JSP页面写了以下代码<link rel="stylesheet" type="text/css" href="../skin/css/login1.css" charset="UTF-8"/>

  • 1292634073 5个月前

    朱朝兵别急把恶心人了讲的课什么几把

    提问于 01:29

    FetomChang 1个月前

    人家明明就讲得很好

  • 1292634073 5个月前

    不会讲课就几把别讲。他妈的误人子弟

    提问于 01:29

    FetomChang 1个月前

    反正我看了之后基本上可以制作一个网页前端了

  • 1292634073 5个月前

    你就是一个大傻逼

    提问于 01:29
加载更多↓
  • css学习

    CSS教程

    什么是CSSCSS是一种用来表现HTML或XML等文件样式的计算机语言。通过使用CSS语言,可极大提高页面开发效率。CSS是web前端开发中必备的最基础的语言,赶紧一起来学习吧。主要学习内容掌握CSS的三种选择器的使用,明白如何使用DIV+CSS进行网页布局,搞清楚浮动问题!1、使用CSS样式的方法...

  • css学习

    CSS使用方式

    HTML <!DOCTYPE> 声明标签定义和用法<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中,<!DOCTY...

  • css学习

    CSS选择器

    HTML标记定义<p>...</p>p { 属性:属性值 ;属性1:属性值1 }p可以叫做选择器,定义那个标记中的内容执行其中的样式一个选择器可以控制若干个样式属性,他们之间需要用英语的“;”隔开,最后一个可以不应加“;”Class定义<p>...</p>class定义是以“.”开始.p { 属性:...

  • css学习

    CSS颜色属性

    color属性定义文本的颜色color:greencolor:#ff6600color:#f60简写式color:rgb(255,255,255)红(R)、绿(G)、蓝(B) 每个的取值范围0~255color:rgba(255,255,255,1)RGBA是代表Red(红色) Green(绿色) ...

  • css学习

    CSS字体相关属性

    字体属性font-size 字体大小font-size:14pxfont-family 定义字体font-family:微软雅黑,serif;可以使用“,”隔开,以确保当字体不存在的时候直接使用下一个font-weight 字体加粗normal(默认值)、bold(粗)、bolder(更粗)、lig...

  • css学习

    CSS背景相关属性

    背景属性1.背景颜色 background-color2.背景图片 background-imagebackground-image:url(图片路径)background-image:none3.背景重复 background-repeatrepeat重复平铺满repeat-x向Y轴重复repea...

  • css学习

    CSS文本属性

    文本属性1.text-align 横向排列left,center,right2.line-height 文本行高%基于字体大小的百分比行高数值 来设置固定值3.text-indent 首行缩进4.letter-spacing 字符间距normal 默认length设置具体的数值(可以设置负值)inh...

  • css学习

    CSS边框属性

    边框风格 border-style统一风格(简写风格)border-style单独定义某一方向的边框样式border-bottom-style 下边边框样式border-top-style 上边边框样式border-left-style 左边边框样式border-right-style 右边边框样式...

  • css学习

    边框属性案例

    源代码<html><head><title>CSS常见属性(边框属性)</title><meta charset="utf-8"><style type="text/css">div{width:50px;height:50px;float:left;margin-right:10px;backgr...

  • css学习

    列表属性

    标记的类型list-style-typenone 无标记。disc 默认。标记是实心圆。circle 标记是空心圆。square 标记是实心方块。decimal 标记是数字。decimal-leading-zero 0开头的数字标记。(01, 02, 03, 等。)lower-roman   小写罗...

  • css学习

    列表属性案例

    源代码<!doctype html>     <html>     <head>     <title>CSS常见属性(列表属性)</title>     <meta charset="utf-8">     <style type="text/css">     /*     ul{...

  • css学习

    div +span及盒模型

    div和spanDIV和SPAN在整个HTML标记中,没有任何意义,他们的存在就是为了应用CSS样式DIV和span的区别在与,span是内联元素,div是块级元素盒模型margin盒子外边距padding盒子内边距border盒子边框宽度width盒子宽度height盒子高度 案例<!doctyp...

  • css学习

    div+css布局属性

    布局相关的属性1.position 定位方式正常定位relative根据父元素进行定位absolute根据浏览器窗口进行定位fixed没有定位static继承inherit2.定位left(左),right(右),top(上),bottom(下)离页面顶点的距离3.z-index 层覆盖先后顺序(优...

  • css学习

    浮动及溢出处理

    兼容问题及高效开发工具1.兼容性测试工具IE TesterMultibrowser2.常用的浏览器Google chromeFirefoxopera3.高效的开发工具轻量级的Notepad++sbulime Text记事本重量级的WebStormDreamweaver根据自己的需要来选择4.网页设计...

  • 课程资料

    课程资料

© 2012-2016 www.maiziedu.com

蜀ICP备13014270号-4 Version 5.0.0 release20160127

一名课程顾问想与您沟通

免费电话咨询