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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 字母与字母之间的间距:letter-spacing 文字与文字之间的间距:word-spacing
    查看全部
    0 采集 收起

    2014-12-19

  • 盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的,css内定义的宽(width)和高(height),指的是填充以里的内容范围。 因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 元素的高度也是同理。 比如: css代码: div{ width:200px; padding:20px; border:1px solid red; margin:10px; }
    查看全部
  • text-decoration:line-through; 删除线 和 标签<del> 类似
    查看全部
    0 采集 收起

    2018-03-22

  • text-secoration:underline; 给文字设置下划线
    查看全部
    0 采集 收起

    2014-12-19

  • @HTML/CSS——第11章CSS盒模型——padding填充 1、元素【内容与边框之间】是可以设置距离的,称之为“填充” 【2】、缩写{padding:20px 10px 15px 30px}为上、右、下、左(顺时针),顺序一定不要搞混。 3、也可以分开写 padding-top padding-right... 4、padding:10px 为上下左右填充都为10px 【5】、padding:10px,5px 为上下填充10px,左右填充5px
    查看全部
  • 现在一般网页喜欢设置“微软雅黑”,如下代码: body{font-family:"Microsoft Yahei";} 或 body{font-family:"微软雅黑";} 注意:第一种方法比第二种方法兼容性更好一些。
    查看全部
  • @HTML/CSS——第11章CSS盒模型——border边框(二) 1、css样式中允许只为一个方向的边框设置样式: 如: 下边框border-bottom:1px solid red; 上边框border-top:1px solid red; 右边框border-right:1px solid red; 左边框border-left:1px solid red;
    查看全部
  • @HTML/CSS——第11章CSS盒模型——border边框(一) 1、盒子模型的边框就是围绕着内容及补白的线 2、这条线你可以设置它的【粗细width】、【样式style】和【颜色color】(边框三个属性) 3、设置形式如下 { border-width:2px; border-style:solid; border-color:red;} 或者简写:{border:2px solid red;} 4、边框样式常见样式有:dashed虚线 dotted点线 solid实线 5、边框颜色颜色为十六进制 6、宽度一般用像素表示,或者thin medium thick
    查看全部
  • 标签的权值为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*/ 注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低
    查看全部
  • @HTML/CSS——第11章CSS盒模型——合模型 1、元素实际高度(盒子的高度)是:自己高度+上下内填充+上下边界+上下边框 2、同理,元素实际宽度(盒子的宽度)是:自己宽度+左右内填充+左右边界+左右边框
    查看全部
  • h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。<h1>是最高的等级,字体最大,且签的样式都会加粗
    查看全部
    0 采集 收起

    2018-03-22

  • <p>标签:添加段落 1、如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。 2、语法: <p>段落文本</p> 3、 注意一段文字一个<p>标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个<p>标签中。
    查看全部
    0 采集 收起

    2018-03-22

  • @HTML/CSS——第11章CSS盒模型——内联块状元素inline-block 1、内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点。(css2.1新增),<img>、<input>标签就是这种内联块状标签。 (1)与其他元素在同一行 (2)元素的高度、宽度、行高以及顶底边距都可设置 2、{display:inline-block}就是将元素设置为内联块状元素。
    查看全部
  • @HTML/CSS——第11章CSS盒模型——内联元素 1、在html中,<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素(行内元素)(inline)元素。 2、内联元素特点: (1)和其他元素都在一行上;(内联) (2)元素的高度、宽度、行高及顶部和底部边距【不可设置】 (3)元素的宽度就是它包含的文字或图片的宽度,不可改变。 3、内联元素转换:x{display:inline} 将x元素转化为内联元素
    查看全部
  • @HTML/CSS——第11章CSS盒模型——块级元素 1、在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。 2、块级元素特点: (1)每个块级元素都从新的一行开始,并且其后的元素也另起一行。(块级元素独【占一行】) (2)元素的高度、宽度、行高以及顶和底边距都可设置。 (3)元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。 3、【块级元素转换:】设置x{display:block}就是将元素x转化为块级元素。
    查看全部

举报

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

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