![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习笔记
文章平均质量分 72
Bug练习生
这个作者很懒,什么都没留下…
展开
-
CSS 背景(background)
CSS 背景(background)1.背景颜色(color)语法:background-color:颜色值; 默认的值是 transparent 透明的2.背景图片(image)语法:background-image : none | url (url) 参数作用none无背景图(默认的)url使用绝对或相对地址指定背景图像background-image : url(images/demo.png);小技巧: 我们提倡 背景原创 2021-02-24 11:26:16 · 128 阅读 · 0 评论 -
行高那些事(line-height)
行高那些事(line-height)1.行高测量行高的测量方法: 2.单行文本垂直居中行高我们利用最多的一个地方是: 可以让单行文本在盒子中垂直居中对齐。文字的行高等于盒子的高度。这里情况些许复杂,开始学习,我们可以先从简单地方入手学会。行高 = 上距离 + 内容高度 + 下距离 上距离和下距离总是相等的,因此文字看上去是垂直居中的。行高和高度的三种关系如果 行高 等 高度 文字会 垂直居中如果行高 大于 高度 文字会 偏下如果行高小于高度 文字会原创 2021-02-24 11:25:55 · 171 阅读 · 0 评论 -
标签显示模式(display)
标签显示模式(display)1.块级元素(block-level)例:常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标签是最典型的块元素。块级元素的特点(1)比较霸道,自己独占一行(2)高度,宽度、外边距以及内边距都可以控制。(3)宽度默认是容器(父级宽度)的100%(4)是一个容器及盒子,里面可以放行内或者块级元素。注意:原创 2021-02-24 11:25:33 · 265 阅读 · 0 评论 -
CSS外观属性
CSS外观属性1.color:文本颜色作用:color属性用于定义文本的颜色,其取值方式有如下3种:表示表示属性值预定义的颜色值red,green,blue,还有我们的御用色 pink十六进制#FF0000,#FF6600,#29D794RGB代码rgb(255,0,0)或rgb(100%,0%,0%)注意我们实际工作中, 用 16进制的写法是最多的,而且我们更喜欢简写方式比如 #f00 代表红色2.text-align:文本水原创 2021-02-22 21:29:41 · 136 阅读 · 0 评论 -
font字体
font字体1.font-size:大小作用:font-size属性用于设置字号p { font-size:20px; }单位:可以使用相对长度单位,也可以使用绝对长度单位。相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。注意:我们文字大小以后,基本就用px了,其他单位很少使用谷歌浏览器默认的文字大小为16px但是不同浏览器可能默认显示的字号大小不一致,我们尽量给一个明确值大小,不要默认大小。一般给body指定整个页面文字的大小原创 2021-02-22 21:06:03 · 334 阅读 · 0 评论 -
CSS复合选择器
CSS复合选择器1.后代选择器(重点)概念:后代选择器又称为包含选择器作用:用来选择元素或元素组的子孙后代其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔,先写父亲爷爷,在写儿子孙子。父级 子级{属性:属性值;属性:属性值;}语法:.class h3{color:red;font-size:16px;}当标签发生嵌套时,内层标签就成为外层标签的后代。子孙后代都可以这么选择。 或者说,它能选择任何包含在内 的标签。2.子元素选择器作用:原创 2021-02-22 21:05:15 · 104 阅读 · 0 评论 -
CSS选择器(重点)
CSS选择器(重点)1.CSS选择器作用找到特定的HTML页面元素css 就是 分两件事, 选对人, 做对事。2.CSS基础选择器2.1标签选择器概念:标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。语法:标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 作用:标签选择器 可以把某一类标签全部选择出来 比如所有的div标签 和 所有的 span标签优点:是能快速为页面原创 2021-02-22 21:04:32 · 162 阅读 · 0 评论 -
引入CSS样式表(书写位置)
引入CSS样式表(书写位置)1.行内式(内联样式)概念: 称行内样式、行间样式. 是通过标签的style属性来设置元素的样式其基本语法格式如下:<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>实际上任何HTML标签都拥有style属性,用来设置行内式。案例:<div style="color: red; font-size: 12px;">青春不常在,抓紧谈恋爱</di原创 2021-02-22 21:03:40 · 156 阅读 · 0 评论 -
CSS初识
CSS初识概念: CSS(Cascading Style Sheets) ,通常称为CSS样式表或层叠样式表(级联样式表)作用:主要用于设置 HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。...原创 2021-02-22 21:02:29 · 42 阅读 · 0 评论 -
列表和表单
列表和表单1.列表标签概念:容器里面装载着结构,样式一致的文字或图表的一种形式,叫列表特点:列表最大的特点就是 整齐 、整洁、 有序,跟表格类似,但是他可组合自由度会更高。1.1无序列表ul无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下:<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ......</u原创 2021-02-22 21:01:21 · 595 阅读 · 0 评论 -
表格table
表格table1.创建表格创建表格的基本语法:<table> <tr> <td>单元格内的文字</td> ... </tr> ...</table>table用于定义一个表格标签。tr标签 用于定义表格中的行,必须嵌套在 table标签中。td 用于定义表格中的单元格,必须嵌套在标签中。字母 td 指表格数据(table data),即数据单元格的内容,现在我们明白,表格最合适的地方就是用原创 2021-02-22 20:59:49 · 220 阅读 · 0 评论 -
HTML常用标签
HTML常用标签1.排版标签标签名定义说明标题标签作为标题使用,并且依据重要性递减段落标签可以把 HTML 文档分割为若干段落水平线标签没啥可说的,就是一条线换行标签div标签用来布局的,但是现在一行只能放一个divspan标签用来布局的,一行上可以放好多个span2.文本格式化标签标签显示效果文字以粗体方式显示(XHTML推荐使用strong)和文字以斜体方式显示(XHTML推荐使用em)原创 2021-02-22 20:55:17 · 106 阅读 · 0 评论 -
HTML初识
HTML初识HTML骨架标签总结标签名定义说明HTML标签页面中最大的标签,我们成为 根标签文档的头部注意在head标签中我们必须要设置的标签是title文档的标题让页面拥有一个属于自己的网页标题文档的主体元素包含文档的所有内容,页面内容 基本都是放到body里面的文档类型<!DOCTYPE>用法:<!DOCTYPE html>作用:<!DOCTYPE> 声明位于文档中的最前面的位置,处原创 2021-02-22 20:53:46 · 36 阅读 · 0 评论