0

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

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

双双双双 发布于 2018-06-13 18:42 评论(0)阅读(19)
0

课时104.边框属性上(掌握)

这节课我们还会再来介绍几个属性,然后都介绍完了,我们来介绍盒模型 1.什么是边框? 边框就是环绕在标签宽度和高度周围的线条 这就是边框 2.边框属性的格式 2.1连写(同时设置四条边的边框) border:边框的宽度 边框的样式 边框的颜色; 快捷键: bd+ border:1px solid #0 ...

双双双双 发布于 2018-06-13 18:11 评论(0)阅读(23)
0

课时101.背景图练习(理解)

要将第二个div嵌套进第一个div中去 如果以后我们看到一张图片是由多张图片拼接的,那么就是用到div的嵌套,我们这个练习是用大的div嵌套一个小的div,再将小div定位到底部。 ...

双双双双 发布于 2018-06-13 11:02 评论(0)阅读(45)
0

课时100.背景图片和插入图片区别(掌握)

快捷键补充: bc background-color:; bi background-image:; bgr background-repeat:; gp background-position:; ba background-attachment:; bg + background:#fff ur ...

双双双双 发布于 2018-06-13 10:18 评论(0)阅读(36)
0

课时98.背景定位下(掌握)

我们来看控制背景图片的位置,在企业开发中用在什么地方呢?1.我们打开一个网站,如盛大游戏,保存它的背景图到本地 http://www.sdo.com/ 我们先点击检查,查看背景图的地址 然后将地址复制到地址栏中 然后将图片保存到本地工程的images文件夹中 然后在网页中先用background-i ...

双双双双 发布于 2018-06-13 07:54 评论(0)阅读(24)
0

课时97.背景定位上(掌握)

注意点:同一个标签可以同时设置背景颜色和背景图片,如果颜色和图片同时存在,那么图片会覆盖颜色, 但凡给我们的标签设置了背景图片以后,我们发现这个图片一直在左上角,我如果不想让它在左上角应该怎么办呢?这就要用到我们这节课的内容:background-position。 1.如何控制背景图片的位置? 在 ...

双双双双 发布于 2018-06-13 02:27 评论(0)阅读(27)
0

课时96.背景平铺(掌握)

1.如何控制背景图片的平铺方式? 在CSS中有一个background-repeat属性,就是专门用于控制背景图片的平铺方式的 取值: repeat 默认,在水平和垂直都需要平铺 no-repeat 在水平和垂直都不需要平铺 repeat-x 只在水平方向平铺 repeat-y 只在垂直方向平铺 应 ...

双双双双 发布于 2018-06-12 22:28 评论(0)阅读(34)
0

课时95.背景图片(掌握)

1.如何设置背景图片? 在css中有一个叫做background-image:url();的属性,就是专门用于设置背景图片的。 注意点: 1.图片的地址必须放在url()中,图片的地址是本地的地址,也可以是网络的地址 2.如果图片的大小没有标签的大小大,那么会自动在水平和垂直方向平铺和填充 3.如果 ...

双双双双 发布于 2018-06-12 21:55 评论(0)阅读(20)
0

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

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

双双双双 发布于 2018-06-12 21:10 评论(0)阅读(22)
0

CSS学习笔记-01-2D转换模块

首先,mark 一下 css3 新增 的 2D 转换之 W3school 的链接: http://www.w3school.com.cn/css3/css3_2dtransform.asp 转换是使元素改变形状、尺寸和位置的一种效果。 2D 转换方法: translate() -- 平移 rotat ...

小卜-Tony 发布于 2018-06-12 20:35 评论(0)阅读(31)
0

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

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

双双双双 发布于 2018-06-12 18:34 评论(0)阅读(27)
0

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

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

双双双双 发布于 2018-06-12 17:30 评论(0)阅读(30)
0

课时90.div和span(掌握)

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

双双双双 发布于 2018-06-12 16:49 评论(0)阅读(40)
0

HTML中id和class选择器

<1>.id和class的区别? id相当于人的身份证不可以重复 class相当于人的名称可以重复 一个HTML标签只能绑定一个id名称 一个HTML标签可以绑定多个class名称 <2>.id选择器和class选择器的区别? id选择器是以#开头 class选择器是以.开头 <3>.在企业开发中到 ...

派大星星 发布于 2018-06-12 16:39 评论(0)阅读(35)
0

课时89.CSS三大特性练习(理解)

给大家补充一点:通配符是不参与权重计算的,因为通配符的权重是0,而权重只计算id,类,标签,将来还有一种,到后面说。 练习1 直接选中和间接选中的,必然要听直接选中的。 练习2 直接选中一共有两个,直接比较这两个直接选中的权重大小,听从权重大的。 练习3 在比较两个都是直接选中时,看哪个权重大则选哪 ...

双双双双 发布于 2018-06-12 14:55 评论(0)阅读(40)
0

课时88.权重问题(掌握)

1.什么是优先级的权重? 作用:当多个选择器混合在以前使用时,我们可以通过计算权重来判断谁的优先级最高。 三个选择器都是直接选中p标签 2.权重问题的计算规则 2.1首先先计算选择器中有多少个id,id多的选择器优先级最高 2.2如果id的个数一样,那么再看类名的个数,类名个数多的优先级最高 .bo ...

双双双双 发布于 2018-06-12 13:56 评论(2)阅读(31)
0

课时38.表格标签的属性(了解)

1.宽度和高度的属性 可以给table标签和td标签使用(tr标签不能使用) 2.水平对齐和垂直对齐的属性 其中水平对齐可以给table标签和tr标签和td标签使用 垂直对齐只能给tr标签和td标签使用 3.外边距和内边距属性 只能给table标签使用 补充上节课内容: 1.1表格的宽度和高度默认是 ...

双双双双 发布于 2018-06-12 12:25 评论(0)阅读(20)
0

课时36.定义列表练习(了解)

在这里我们介绍一个之前从来没有了解过都语法: dl>dt+dd 按下tab键,因为dt和dd是同一级别的,因为它们的父标签都是dl标签 ...

双双双双 发布于 2018-06-12 11:43 评论(0)阅读(16)
0

课时33.无序列表练习3(理解)

上节课做了第一个练习,这节课我们来完成第二个练习(多级界面) 做之前先分析: 1.物品清单是这个界面的标题,可以通过<h1>标签来做。 2.蔬菜,水果同属于物品清单里的,并且蔬菜,水果谁先谁后都无所谓,所以是无序列表,而蔬菜里面又包含这几样,所以它们又是一个无序列表,水果同理,这是无序列表中又包含无 ...

双双双双 发布于 2018-06-12 11:26 评论(0)阅读(19)
0

课时15.DTD文档声明下(了解)

W3C的官方网站是W3School,我们可以去官方网站查询DTD文档声明。 HTML4.01 Strict 非常严谨的 如果你写了这个DTD文档声明,你就不能写如下样式: <font size="50px" color="red">你好</font> 因为html是添加语义的,而css才是添加样式的 ...

双双双双 发布于 2018-06-12 10:53 评论(0)阅读(12)