一、各种背景属性 1.background-image 属性为元素设置背景图像。 元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。 默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。 提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果 ...
分类:
Web程序 时间:
2019-12-11 23:14:21
阅读次数:
174
一、边框属性 作用:给元素加上一个边框 第一种: border-top border-bottom border-left boder-right 三个属性值: 粗细 线型 颜色 第二种: border :粗细 线型 颜色 整个边框部分的调整。 透明色:transparent border-styl ...
分类:
Web程序 时间:
2019-12-11 09:47:54
阅读次数:
1294
一、CSS的作用 1、以统一的方式实现样式的定义 2、提高页面样式的可重用性和可维护性 3、实现了内容(HTML)和表示(CSS)的分离 HTML和CSS之间有什么关系? HTML:构建网页的结构 CSS :构建HTML元素的样式 样式汇总: color:red 字体颜色 font-size 字体大 ...
分类:
Web程序 时间:
2019-12-09 21:51:35
阅读次数:
119
前端三要素:html,css,javascript,分别表示着 内容,表现,行为。一个形象的比喻:富有能动性的人的构成三要素,血肉之体(内容)+ 外形轮廓(表现)+ 行为能力(行为)。 颜值即正义的今天,越来越多的花里胡哨的页面层出不穷,这其中css就扮演了很重要的角色,虽然没有javascript ...
分类:
Web程序 时间:
2019-11-13 22:28:38
阅读次数:
99
CSS处理网页时,它认为每个元素都包含在一个不可见的盒子里。? 为什么要想象成盒子呢?因为如果把所有的元素都想象成盒子,那么我们对网页的布局就相当于是摆放盒子。? 我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局。 盒子模型 一个盒子我们会分成几个部分:– 内容区(content)– ...
分类:
Web程序 时间:
2019-08-20 00:42:22
阅读次数:
103
上节课知识的复习 插入图片,页面中能够插入的图片类型:jpg、jpeg、bmp、png、gif;不能的psd、fw。 语法: 相对路径、绝对路径: 相对路径就是从html页面出发,找到图片: 等价于 图片位于html文件较浅的文件夹中: 绝对路径:直接的门牌号。以http://开头,或者以/开头的都 ...
分类:
Web程序 时间:
2019-08-17 18:08:26
阅读次数:
102
长度单位 - 像素是我们在网页中使用的最多的一个单位, * 一个像素就相当于我们屏幕中的一个小点, * 我们的屏幕实际上就是由这些像素点构成的 * 但是这些像素点,是不能直接看见。 * - 不同显示器一个像素的大小也不相同, * 显示效果越好越清晰,像素就越小,反之像素越大。 - 也可以将单位设置为 ...
分类:
Web程序 时间:
2019-08-17 12:34:41
阅读次数:
101
HTML究竟为何物?其实HTML就是一种标记语言,英文全称为Hypertext Markup Language,翻译过来就叫超文本标记语言。它的作用就是负责负责网页的三个要素之中的结构。 HTML使用标签的的形式来标识网页中的不同组成部分。 所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转 ...
分类:
Web程序 时间:
2019-08-15 14:34:50
阅读次数:
134
1. 样式文件优先级 内联样式(直接在标签里面写style) 选择器都一样的情况下,谁靠近标签谁就生效 2. css选择器优先级 内联样式(1000)> id选择器(100) > 类选择器(10) > 元素选择器(1) 永不进位 p {color:red!important} 强制生效 ...
分类:
Web程序 时间:
2019-07-27 09:27:35
阅读次数:
104
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <span style="font-size: 30px;color:blue">栏目一</span><br/> <span sty ...
分类:
Web程序 时间:
2019-05-21 16:10:11
阅读次数:
138