随笔分类 - 前端学习
前端学习相关知识-连载
摘要:CSS权重 CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。 权重的等级 可以吧样式的应用方式分为几个等级,按照等级来计算权重。 1. !important ,加在样式属性值后,权重值为10000 2. 内联样式,
阅读全文
摘要:background 属性 属性解释 background属性时css中应用比较多,且比较重要的一个属性,他是负责给盒子设置背景图片和北京颜色的,background是一个复合属性,它可以分解成如下及格设置项: background color 设置背景颜色 background image 设置背
阅读全文
摘要:浮动 浮动特性 1. 浮动元素有左浮动(float : left)和右浮动(float : right)两种 2. 浮动的元素回想左或向右浮动,碰到父元素边界、其他元素才停下来 3. 相邻浮动的块元素可以并在一起,超出父级宽度就换行 4. 浮动让行内元素或块元素自动转换为行内块元素(此时不会有行内块
阅读全文
摘要:定位 文档流 文档流,是指盒子按照HTML标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置。 关于定位 我们可以使用css 的 position 属性来设置元素的定位类型,postion的设置项如下: re
阅读全文
摘要:块元素、内联元素、内敛块元素 元素就是标签,不居中常用的三种标签,块元素,内联元素,内敛块元素,了解这三种元素的特性,才能熟练进行页面布局。 块元素 地元素,也可以成为行元素,不居中常用的标签如: div p ul li h1 h6 dl dt dd 都是块元素,他们在布局中的行为: 支持全部的样式
阅读全文
摘要:CSS盒子模型 盒子模型解释 元素在页面中显示成一个方块,类似一个盒子,CSS盒子模型就是使用实现中盒子来做比喻,帮助我们设置元素对应的样式。盒子模型示意图如下: 把元素叫做盒子,设置对应的样式分别为: 盒子的宽度(width) 盒子的高度(height) 盒子的边框(border) 盒子内的内容和
阅读全文
摘要:CSS颜色表示法 css颜色值主要有三种表示方法: 1. 颜色名表示,比如red红色,gold金色 2. rgb表示,比如:rgb(255,0,0)表示红色 3. 16进制数值表示,比如: ff0000 表示红色,这种方法可以简写 f00 CSS选择器 常用的选择器有以下几种: 1. 标签选择器 标
阅读全文
摘要:文字 font family:字体名称 注意: 当指定多种字体时,用“,”分隔每种字体的名称 当字体名称包含两个以上分开的单词是,用“”把该字体名称括起来。 当样式规则外已经有“”时,用‘’代替“”。 font size:字号参数。 font style:斜体字的名称。 normal正常状态、ita
阅读全文
摘要:CSS页面引入的方法: 1. 外联式:通过link标签,连接到外部样式表到页面中。 2. 嵌入式:通过style标签,在网页上创建镶嵌入的样式表。 3. 内联式:通过标签的style属性,在标签上直接写样式。 CSS文本设置 常用的应用文本的CSS样式: color设置文字的颜色, color:re
阅读全文
摘要:页面布局 页面布局也可以叫做排版,他指的是把文字和图片等元素按照我们意愿有机的排列在页面上,布局的方式分别为两种: 1. table布局:通过table元素将页面空间划分为若干个单元格,将文字或者图片等元素放入单元格中,隐藏表格 边框,从而实现布局。这种布局方式叫做传统布局,目前主要用在EDM(广告
阅读全文
摘要:HTML:TR TD TH OL UL 什么是HTML 超文本标记语言(HyperText Markup Language),标准通用标记语言下的一个应用; 是网页制作必备的编程语 言 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 HTML 不是一种编程语言,而是一种标记语
阅读全文

浙公网安备 33010602011771号