摘要: 1.如何控制背景图片的平铺方式? 在CSS中有一个background-repeat属性,就是专门用于控制背景图片的平铺方式的 取值: repeat 默认,在水平和垂直都需要平铺 no-repeat 在水平和垂直都不需要平铺 repeat-x 只在水平方向平铺 repeat-y 只在垂直方向平铺 应 阅读全文
posted @ 2018-06-12 22:28 双双双双 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 1.如何设置背景图片? 在css中有一个叫做background-image:url();的属性,就是专门用于设置背景图片的。 注意点: 1.图片的地址必须放在url()中,图片的地址是本地的地址,也可以是网络的地址 2.如果图片的大小没有标签的大小大,那么会自动在水平和垂直方向平铺和填充 3.如果 阅读全文
posted @ 2018-06-12 21:55 双双双双 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 1.如何设置标签的背景颜色? 在CSS中有一个background-color:属性,就是专门用来设置标签的背景颜色的 取值: 具体单词 rgb rgba 十六进制 我们来依次验证一下 阅读全文
posted @ 2018-06-12 21:10 双双双双 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 这节课来做一个百度首页的实例 阅读全文
posted @ 2018-06-12 20:00 双双双双 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 我们之前学习的显示模式都可以不用记忆,因为这节课我们要学习转换,我们可以任意来进行一个转换的,上面这些东西有一个了解就行了。所有的标签都有一个属性叫做display,display的中文含义就是显示的意思。 1.如何转换CSS元素的显示模式? 设置元素的display属性 2.display的值 b 阅读全文
posted @ 2018-06-12 18:34 双双双双 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 在HTML中HTML将所有的标签分为两类,分别是容器级和文本级 在CSS中CSS也将所有的标签分为两类,分别是块级元素和行内元素 1.什么是块级元素,什么是行内元素? 块级元素会独占一行 行内元素不会独占一行 块级元素 容器级标签都是块级元素还要加上一个p p div h ul ol dl li d 阅读全文
posted @ 2018-06-12 17:30 双双双双 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 为什么在这里讲解div和span呢,而不在html中讲解呢? 因为在我们的开发中div和span一般是配合css来使用的,来完成一定的效果,来设置一些属性,在前面我们没有学习css,所以体会不到它的效果。 div和span都可以把信息独立称一个小小都区域。 1.什么是div? 作用:一般用于配合cs 阅读全文
posted @ 2018-06-12 16:49 双双双双 阅读(494) 评论(0) 推荐(0) 编辑
摘要: 给大家补充一点:通配符是不参与权重计算的,因为通配符的权重是0,而权重只计算id,类,标签,将来还有一种,到后面说。 练习1 直接选中和间接选中的,必然要听直接选中的。 练习2 直接选中一共有两个,直接比较这两个直接选中的权重大小,听从权重大的。 练习3 在比较两个都是直接选中时,看哪个权重大则选哪 阅读全文
posted @ 2018-06-12 14:55 双双双双 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 1.什么是优先级的权重? 作用:当多个选择器混合在以前使用时,我们可以通过计算权重来判断谁的优先级最高。 三个选择器都是直接选中p标签 2.权重问题的计算规则 2.1首先先计算选择器中有多少个id,id多的选择器优先级最高 2.2如果id的个数一样,那么再看类名的个数,类名个数多的优先级最高 .bo 阅读全文
posted @ 2018-06-12 13:56 双双双双 阅读(289) 评论(2) 推荐(0) 编辑
摘要: 1.什么是important 作用:用于提升某个直接选中标签的选择器中的某个属性的优先级,可以将被指定的属性的优先级提升为最高。 注意点: 1.important只能用于直接选中,不能用于间接选中 p{ color:red !important; 分号写在最后 } 直接将p标签选择器提升为最高 2. 阅读全文
posted @ 2018-06-12 13:01 双双双双 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 1.宽度和高度的属性 可以给table标签和td标签使用(tr标签不能使用) 2.水平对齐和垂直对齐的属性 其中水平对齐可以给table标签和tr标签和td标签使用 垂直对齐只能给tr标签和td标签使用 3.外边距和内边距属性 只能给table标签使用 补充上节课内容: 1.1表格的宽度和高度默认是 阅读全文
posted @ 2018-06-12 12:25 双双双双 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 表格标签是我们一个时代都代表,曾经在过去一段时间,我们大部分网站都是用表格来做的。 1.什么是表格标签? 表格标签的作用:用来给一堆数据添加表格语义,其实表格是一种数据的展现形式,当数据量非常大的时候,表格这种展现形式被认为是最为清晰的一种展现形式。 2.表格标签格式: 其实表格标签中的table代 阅读全文
posted @ 2018-06-12 11:55 双双双双 阅读(424) 评论(0) 推荐(0) 编辑
摘要: 在这里我们介绍一个之前从来没有了解过都语法: dl>dt+dd 按下tab键,因为dt和dd是同一级别的,因为它们的父标签都是dl标签 阅读全文
posted @ 2018-06-12 11:43 双双双双 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 1.定义列表的作用: 1.1给一堆数据添加列表语义 1.2先通过dt标签定义列表中的所有标题,然后再通过dd标签给每个标题添加描述信息 2.定义列表的格式: 我们可以将dt和dd看做一个整体 其实dt和dd都是英文的缩写 dt是英文difinition title的缩写,所以dt的含义就是用来定义列 阅读全文
posted @ 2018-06-12 11:38 双双双双 阅读(408) 评论(0) 推荐(0) 编辑
摘要: 什么是有序列表? 有序列表的作用:给一堆数据添加列表语义,并且这一堆数据中所有的数据都有先后之分。 有序列表格式: <ol> <li></li> </ol> 其它用法和ul都差不多,也就是应用场景/注意点都和ul差不多 <ol type="A/a/I/i"> <li></li> </ol> 在企业开 阅读全文
posted @ 2018-06-12 11:30 双双双双 阅读(373) 评论(0) 推荐(0) 编辑
摘要: 上节课做了第一个练习,这节课我们来完成第二个练习(多级界面) 做之前先分析: 1.物品清单是这个界面的标题,可以通过<h1>标签来做。 2.蔬菜,水果同属于物品清单里的,并且蔬菜,水果谁先谁后都无所谓,所以是无序列表,而蔬菜里面又包含这几样,所以它们又是一个无序列表,水果同理,这是无序列表中又包含无 阅读全文
posted @ 2018-06-12 11:26 双双双双 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 这节课我们主要通过在li标签中添加其它标签让界面更加丰富多彩,这节课我们来做两个练习。 前面我们说过ul中最好只放li标签,但是在企业开发中,li标签中的内容可能会很复杂,所以我们可以继续在li标签中添加其它的标签来丰富我们的界面。 总结: 1.一定要记住ul标签中最好只放li标签 2.但是li标签 阅读全文
posted @ 2018-06-12 11:10 双双双双 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 简而言之 HTML语法非常宽松容错性强; XHTML更为严格,它要求标签必须小写,必须严格闭合,标签中的属性必须使用引号引起等等。 HTML5是HTML的下一个版本所以除了非常宽松容错性强以外,还增加许多新的特性。 .htm和.html扩展名区别 DOS操作系统(win95或win98)下只能支持长 阅读全文
posted @ 2018-06-12 10:58 双双双双 阅读(119) 评论(0) 推荐(0) 编辑
摘要: W3C的官方网站是W3School,我们可以去官方网站查询DTD文档声明。 HTML4.01 Strict 非常严谨的 如果你写了这个DTD文档声明,你就不能写如下样式: <font size="50px" color="red">你好</font> 因为html是添加语义的,而css才是添加样式的 阅读全文
posted @ 2018-06-12 10:53 双双双双 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 1.什么是DTD文档声明? 由于HTML有很多格版本的规范,每个版本的规范之间又又一些差异,所以为了让浏览器能够正确的编译/解析/渲染我们的网页,我们需要在HTML文件的第一行告诉浏览器,我们当前这个网页是用哪一个版本的HTML规范来编写的,浏览器只要知道了我们是用哪一个版本的规范来编写之后,它就能 阅读全文
posted @ 2018-06-12 10:46 双双双双 阅读(142) 评论(0) 推荐(0) 编辑