流动布局 流动模型(Flow),即文档流,浏览器打开HTML网页时,从上往下,从左往右,逐一加载。 在正常情况下,HTML元素都会根据文档流来分布网页内容的。 文档流有2大特征: ① 块状元素会随着浏览器读取文档的顺序,自上而下垂直分布,一行一个的形式占据页面位置。 ② 行内元素会随着浏览器区队文档 Read More
posted @ 2022-08-04 17:59 角角边 Views(105) Comments(0) Diggs(0) Edit
在以后的开发中,第一步就是要清楚默认样式。可参考以下的清楚默认方案: 详情:https://meyerweb.com/eric/tools/css/reset/ 默认body标签默认有margin外边框8px的边距 默认p标签也有margin边框16px 其中还有ul ol dl dt 默认inpu Read More
posted @ 2022-08-04 17:44 角角边 Views(64) Comments(0) Diggs(0) Edit
什么是盒模型 css model 这一术语是用来设计和布局时使用 所有的HTML元素可以看作盒子。 它包括:外边距、边距、内填充和实际内容 盒模型有两种:标准模型和IE模型。我们在这里重点讲标准模型。 盒模型的属性 width:内容的宽 height:内容的高 padding:内边距,边框到内容的距 Read More
posted @ 2022-08-04 17:41 角角边 Views(47) Comments(0) Diggs(0) Edit
1 display阐述 文本级标签:h1~h6 ; p ; stuong/em ; span ; a ; img 排版级标签:br/hr ; div ; ul/ol/dl ; li ; input ; table ; select ; option ; form CSS中的元素分类 块级元素 <di Read More
posted @ 2022-08-04 17:27 角角边 Views(49) Comments(0) Diggs(0) Edit
CSS中提供了一些列表属性可以用来: ​ (1)、设置不同的列表项标记为有序列表 ul ​ (2)、设置不同的列表项标记为无序列表 ol ​ (3)、设置列表项标记为图像 list-style-type(系统提供的列表项目符号) list-style-image(自定义的列表项目符号) ul {li Read More
posted @ 2022-08-04 17:17 角角边 Views(37) Comments(0) Diggs(0) Edit
border-style(边框风格) 定义边框的风格,值可以有 /* none:没有边框,当border的值为none的时候,系统将会忽略[border-color] hidden:隐藏边框,低版本浏览器不支持。 dotted:点状边框。 dashed:虚线边框。 solid:实线边框。 doubl Read More
posted @ 2022-08-04 17:10 角角边 Views(87) Comments(0) Diggs(0) Edit
常用背景相关属性: background-image: url('images/11.jpg'); 默认有图片平铺效果(宽高30px的图片,会在宽高300px的盒子中平铺) 背景图像如果不想设置平铺,就设置以下: background-repeat: no-repeat; 值默认为repeat平铺 Read More
posted @ 2022-08-04 16:48 角角边 Views(43) Comments(0) Diggs(0) Edit
1 text-decoration 属性值: <style type="text/css"> body{ text-decoration: line-through; } </style> // 使用text-decoration可以设置文本内容的装饰线条,正常的文本是没有线条的,常用的值有none Read More
posted @ 2022-08-04 16:26 角角边 Views(51) Comments(0) Diggs(0) Edit
1 font-family font-family:设置字体样式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>字体属性</title> <style type="text/css"> body{ font-family: " Read More
posted @ 2022-08-04 16:20 角角边 Views(41) Comments(0) Diggs(0) Edit
谁的选择器权重大,在浏览器上就会选择谁的选择器 内联样式的选择器权重为 1000 id选择器权重为 100 类选择器权重为 10 标签选择器权重为 1 权重计算永不进位 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>选择器的权 Read More
posted @ 2022-08-04 16:11 角角边 Views(31) Comments(0) Diggs(0) Edit
CSS的样式表继承指的是,特定的CSS属性向下传递到子孙元素。总的来说,一个HTML文档就是一个家族,然后html元素有两个子元素,相当于它的儿子,分别是head和body,然后body和head各自还会有自己的儿子,最终形成了一张以下的家族谱。 在上图中,可以看到,body的子元素有三个,h1、p Read More
posted @ 2022-08-04 16:08 角角边 Views(116) Comments(0) Diggs(0) Edit
1 基础选择器 首先来说一下,什么是选择器。在一个HTML页面中会有很多很多的元素,不同的元素可能会有不同的样式,某些元素又需要设置相同的样式,选择器就是用来从HTML页面中查找特定元素的,找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围。 1-1 标签选择器 顾名思义就是通过 Read More
posted @ 2022-08-04 16:03 角角边 Views(47) Comments(0) Diggs(0) Edit
1 CSS介绍 我们为什么需要CSS 使用css的目的就是让网页具有美观一致的页面,另外一个最重要的原因是内容与格式分离 在没有CSS之前,我们想要修改HTML素的样式需要为每个HTML元素单独定义样式属性,当HTML内容非常多时,就会定义很多重复的样式属性,并且修改的时候需要逐个修改,费心费力。是 Read More
posted @ 2022-08-04 15:33 角角边 Views(97) Comments(0) Diggs(0) Edit
1 什么是模块 在计算机程序的开发过程中,随着程序代码越写越多,在一个文件里代码就会越来越长,越来越不容易维护。 为了编写可维护的代码,我们把很多函数分组,分别放到不同的文件里,这样,每个文件包含的代码就相对较少,很多编程语言都采用这种组织代码的方式。在Python中, -个.py文件就可以称之为一 Read More
posted @ 2022-08-04 12:01 角角边 Views(44) Comments(0) Diggs(0) Edit