为了账号安全,请及时绑定邮箱和手机立即绑定
  • 内联元素 a – 锚点 2 abbr – 缩写 3 acronym – 首字 4 b – 粗体(不推荐) 5 bdo – bidi override 6 big – 大字体 7 br – 换行 8 cite – 引用 9 code – 计算机代码(在引用源码的时候需要) 10 dfn – 定义字段 11 em – 强调 12 font – 字体设定(不推荐) 13 i– 斜体 14 img – 图片 15 input – 输入框 16 kbd – 定义键盘文本 17 label – 表格标签 18 q – 短引用 19 s – 中划线(不推荐) 20 samp – 定义范例计算机代码 21 select – 项目选择 22 small – 小字体文本 23 span – 常用内联容器,定义文本内区块 24 strike – 中划线 25 strong – 粗体强调 26 sub – 下标 27 sup – 上标 28 textarea– 多行文本输入框 29 tt – 电传文本 30 u – 下划线 31 var – 定义变量
    查看全部
  • 盒子模型:一个页面元素(如div)内套相关内容(可以是文字、图片或者标签元素等)。<br><br> 内填充(padding):页面元素与内容之间的距离<br><br> 外边距(margin):两个盒子模型之间的距离<br><br> 盒子模型的边框(border)<br><br> 内填充、外边距、边框都有4个方向(如内填充分为padding-top/padding-bottom/padding-left/padding-right.)<br><br> 注意:内部元素的实际高度是自身高度+上下内填充高度+上下边框的高度,宽度同理。<br><br> <br><br> 块级标签都具备盒子模型的特征。
    查看全部
  • <DIV>称为区隔标记。作用:设定字、画、表格等的摆放位置。当你把文字,图象,或其他的放在 DIV 中,它可称作为“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候,你就知道它们是指一段在 DIV 中的 HTML。
    查看全部
    12 采集 收起

    2018-03-22

  • 三种方法的优先级:内联式 > 嵌入式 > 外部式 但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。 如右代码编辑器就是这样,<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面(实际开发中也是这么写的)。 其实总结来说,就是--就近原则(离被设置元素越近优先级别越高)。 但注意上面所总结的优先级是有一个前提:内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下
    查看全部
    12 采集 收起

    2018-03-22

  • 段落排版--中文字间距、字母间距 letter-spacing:50px 表示文字或者字母间隔50个像素。 word-spacing:50px 表示单词间隔50个像素。
    查看全部
    12 采集 收起

    2015-08-28

  • 标签<select>的属性:multiple 英文翻译:多个的、复杂的、多功能的。 在这<select>标签里设置multiple="multiple"表示可以在此下拉列表中进行多选。 不过使用multiple属性后,下拉列表外观变化,不再是以前的下拉列表了。
    查看全部
    12 采集 收起

    2018-03-22

  • CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。 在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer)
    查看全部
  • #HTML+CSS基础——水平居中设置-定宽块状元素# 当被设置元素为块状元素时用 text-align:center 就不起作用了,这时也分两种情况:定宽块状元素和不定宽块状元素。 满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的 注意: 1.元素的“上下 margin” 是可以随意设置的。 2.这种水平居中的方法两个2个条件缺一不可 width:500px;/*定宽*/ margin:20px auto;/* margin-left 与 margin-right 设置为 auto 就可以设置居中 */
    查看全部
  • #HTML+CSS基础——字体缩写# body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句: body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; } 注意: 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性,其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。 一般情况下因为对于中文网站,英文还是比较少的,所以下面缩写代码比较常用: body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置
    查看全部
    12 采集 收起

    2018-03-22

  • #HTML+CSS基础——层模型position# 层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样,每个图层能够精确定位操作 CSS定义了一组定位(positioning)属性来支持层布局模型。 层模型有三种形式: 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)
    查看全部
  • #HTML+CSS基础——插入图片<img># 语法:<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 说明: 1.alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 2.title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 3.图像可以是GIF,PNG,JPEG格式的图像文件。
    查看全部
    12 采集 收起

    2018-03-22

  • #HTML+CSS基础——水平横线<hr># 空标签,只有开始标签,没有结束标签 html4.01版本 <hr> xhtml1.0版本 <hr />(推荐)
    查看全部
  • 标签〈html〉〈/html〉

     头部〈head〉〈/head〉

    主体〈body〉〈/body〉

    题目〈title〉〈/title〉

    变化〈meta〉〈/meta〉

    图片〈img〉〈/img〉

    标题〈hx〉〈/hx〉

    段落〈p〉〈/p〉

    斜体〈em〉〈/em〉

    加粗〈strong〉〈/strong〉

    回车〈br /〉

    空格&nbsp 

    定义〈span〉〈/span〉

    引用〈q〉〈/q〉

    大段引用〈blockquot〉〈/blockquot〉

    代码〈code〉〈/code〉

    大段代码〈pre〉〈/pre〉

    http-equiv="Content-Type"指示服务器向浏览器解释该文档类型,

    content="text/html; 是说文档作为HTML来解析.

    charset=utf-8"utf-8是编码格式,国内常见的编码格式有两种,一种是utf-8,一种是gb2312,前端一般用的都是utf-8

    标题标签:h1-h6 h1最大,h6最小,h7以后的以文本内容显示


    查看全部
  • 看评论中夏骁骁提示: .food>li与.food>li>ul以及.food>li>ul>li的效果各不相同 .first>span与.first>span>span的效果也是不相同的
    查看全部
  • font-weight 属性设置文本的粗细。 说明 该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。 normal 默认值。定义标准的字符。 bold 定义粗体字符。 bolder 定义更粗的字符。 lighter 定义更细的字符。 100 200 300 400 500 600 700 800 900 定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。 inherit 规定应该从父元素继承字体的粗细。好
    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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