• 课时94.背景颜色(掌握)

    1.如何设置标签的背景颜色? 在CSS中有一个background-color:属性,就是专门用来设置标签的背景颜色的 取值: 具体单词 rgb rgba 十六进制 我们来依次验证一下...

    2018-06-24 02:28:29

  • Chrome调试技巧

    一、如何查看dom元素的事件 某种情况我们在页面交互上发现一个问题,肯定是非常想知道这个交互触发执行的入口,这会使我们更直接、快速的进行代码的跟踪、调试和分析。其实在chrome浏览器这很简单就实现了,如下 百度一下 按钮 监听的事件列表: 如图,我们就可以很清...

    2018-06-24 02:28:28

  • 课时106.边框练习(理解)

    让我们做出来如下的样式: 1.首先看下有几个边框,就做几个div,用简单方法div.box$*6 tab键 2.然后给它们设置宽高 3.然后依此来做边框 第一个:有四种方法,第一种最简单 第二个:有两种方法,第二种简单 第三个: 第四个: 第五个: 第六个:...

    2018-06-24 02:28:27

  • 课时92.CSS元素显示模式转换(掌握)

    我们之前学习的显示模式都可以不用记忆,因为这节课我们要学习转换,我们可以任意来进行一个转换的,上面这些东西有一个了解就行了。所有的标签都有一个属性叫做display,display的中文含义就是显示的意思。 1.如何转换CSS元素的显示模式? 设置元素的display属性 2.di...

    2018-06-24 02:28:25

  • html基础用法(上)

    html的定义: html超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片,链接,甚至音乐,程序等非文字语言。 超文本标记语言的结构包括“头”部分(head),和“主体”部分(body),期中“头”部提供关于网页的信息,“主体”部分提...

    2018-06-24 02:28:25

  • html div内第二行文字显示不下的时候才用省略号代替 c

    有时候文字太多,但为了美观想要在第二行的时候才显示省略号,而不是第一行超出马上就出现省略号 下面是css代码: overflow:hidden; text-overflow: ellipsis;//显示省略号 display:-webkit-box; -webkit-line-clamp:2;//块元素显示的文本行数 -webkit-box-orient:vert...

    2018-06-24 02:28:24

  • 课时91.CSS元素显示模式(掌握)

    在HTML中HTML将所有的标签分为两类,分别是容器级和文本级 在CSS中CSS也将所有的标签分为两类,分别是块级元素和行内元素 1.什么是块级元素,什么是行内元素? 块级元素会独占一行 行内元素不会独占一行 块级元素 容器级标签都是块级元素还要加上一个p p div h ul ol d...

    2018-06-24 02:28:24

  • 如何实现文字两端对齐?

    输入框左侧的文字有时候长度不一致 ,但是文字无论左对齐还是右对齐都不好看,如下图所示: 但是两端对齐就会和谐很多,如下图: 实现两端对齐方只需一行代码:text-align-last: justify;...

    2018-06-24 02:28:23

  • 课时105.边框属性下(掌握)

    2.3连写(分别设置四条边的边框) border-width:上 右 下 左; border-style:上 右 下 左; border-color:上 右 下 左; 注意点: 1.这三个属性的取值是按顺时针来赋值的 也就是按照上右下左来赋值,而不是按照日常生活中的上下左右 2.这三个属性的取值省略时的规律 2.1上...

    2018-06-24 02:28:23

  • 课时90.div和span(掌握)

    为什么在这里讲解div和span呢,而不在html中讲解呢? 因为在我们的开发中div和span一般是配合css来使用的,来完成一定的效果,来设置一些属性,在前面我们没有学习css,所以体会不到它的效果。 div和span都可以把信息独立称一个小小都区域。 1.什么是div? 作用:一般...

    2018-06-24 02:28:22

2