【HTML、CSS知识点,面试开发都会需要--No.6 设置背景】的更多相关文章

HTML、CSS知识点,面试开发都会需要--No.6 设置背景

No.6 设置背景 1.background (1)如何设置背景:背景可通过color.image.gradient渐变或者组合方法设置. (2)background-color:颜色格式可以是十六进制或者rgb以及rgba.为了保证兼容性,有些浏览器不支持rgba,需要在设置rgba之前添加一个十六进制设置.如下: div { background-color: #b2b2b2; background-color: rgba(0, 0, 0, .3); } (3)background-imag…

HTML、CSS知识点,面试开发都会需要--No.7 数据列表

No.7 数据列表 1.无序列表Unordered List 无序列表用block-level元素ul(unordered list)表示,每个item单独使用li(list)标记.如下代码所示: <ul> <li>Orange</li> <li>Green</li> <li>Blue</li> </ul> 2.有序列表Ordered List (1)和无序区别:无序的每一项默认使用”.”表示,而有序的项通过数…

HTML、CSS知识点,面试开发都会需要--No.4 内容布局

No.4 内容布局 1.列举场景 同一行布局三个元素.三个元素等比显示,并且其他元素不会围绕这三个元素.如下要让下面的三个column等比显示在一行: 2.通过Float属性实现 (1)float:left, 对于块级别的div可设置float:left让几个元素同行显示.但需要阻止其他元素追尾. (2)解决追尾方案一:在Column3的后面添加一个div,并设置css属性:clear:both.这个大家应该都很熟悉. (3)解决追尾方案二:设置容器的公共class样式,设置class的befo…

HTML、CSS知识点,面试开发都会需要--No.3 盒子模型

No.3 盒子模型 1.盒子模型属性 (1)包含的CSS属性:width.height.padding.border.margin. 1.盒子模型属性 (1)包含的CSS属性: width.height.padding.border.margin. (2)盒子模型宽度计算: margin-right + border-right + padding-right + width + padding-left + border-left + margin-left. (3)盒子模型高度计算: mar…

HTML、CSS知识点,面试开发都会需要--No.2 CSS

No.2  CSS 1.选择器类型 选择器类型包括:type.class.id. 2.引用外部css文件 使用link元素,添加rel和href属性:<link rel="stylesheet" href="main.css" />. 3.重置浏览器的css样式 (1)为什么重置: 每个浏览器都有自己默认的选择器样式设置,例如元素的margin和padding.为了保持网站的统一性,我们需要重置CSS样式. (2)怎样重置:把下面的css样式添加到定义的…

HTML、CSS知识点,面试开发都会需要--No.1 HTML

No.1   HTML 1.网页结构 网页结构一般都包含文档声明DOCTYPE,并且在head中的meta应该包含编码格式.关键字.网页描述信息.简单格式如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello World</title> </head> <body> </body> </ht…

HTML、CSS知识点,面试开发都会需要--No.5 文章段落

No.5 文章段落 1.文字属性 文字属性包含font-*和text-*两类. 2.基于font的属性 (1)font-family:字体属性,多个字体之前用逗号隔开.如果第一个字体没找到,则依次找后面的字体.例如: body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } (2)font-size:字体大小,单位包括pixels, em units, percentages, points. (3)fo…

这些HTML、CSS知识点，面试和平时开发都需要 No1-No4

系列知识点汇总 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置.设置背景.数据列表) 这些HTML.CSS知识点,面试和平时开发都需要 No8-No9(知识点:媒体操作.构建表单) 这些HTML.CSS知识点,面试和平时开发都需要 No10-No11(知识点:表格操作.代码编写规则) No1.HTML 1.网页结构 网页结构一般都包含文档声明DOC…

这些HTML、CSS知识点，面试和平时开发都需要 No5-No7

系列知识点汇总 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置.设置背景.数据列表) 这些HTML.CSS知识点,面试和平时开发都需要 No8-No9(知识点:媒体操作.构建表单) 这些HTML.CSS知识点,面试和平时开发都需要 No10-No11(知识点:表格操作.代码编写规则) No5.文章段落 1.文字属性 文字属性包含font-*和tex…

这些HTML、CSS知识点，面试和平时开发都需要 No8-No9

系列知识点汇总 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置.设置背景.数据列表) 这些HTML.CSS知识点,面试和平时开发都需要 No8-No9(知识点:媒体操作.构建表单) 这些HTML.CSS知识点,面试和平时开发都需要 No10-No11(知识点:表格操作.代码编写规则) No8.媒体操作 1.增加图片 (1)img元素:自包含元素,不…