![](https://img-blog.csdnimg.cn/c76c795caee84fb19967ba138a538d00.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 80
CSS基础学习
小智RE0
慎独
展开
-
CSS基础 及选择器
1.什么是CSSCSS是Cascading Style Sheets(级联样式表)。CSS是一种样式表语言,用于为HTML文档控制外观,定义布局。例如,CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面 。可将页面的内容与表现形式分离,页面内容存放在HTML文档中,而用于定义表现形式的CSS在一个.css文件中或HTML文档的某一部分。级联: 关联 两个事物之间的关系 指的是网页内容 和 修饰网页内容的css语法;理念是将网页和样式分离 这样重复的样式只需要定义一次即可。样式表原创 2021-03-15 21:34:42 · 159 阅读 · 0 评论 -
CSS 对于(文本、背景 、列表、表格)的修饰
修饰文本color:字体颜色。font-size:字体大小。font-family:字体。text-align:文本对齐。text-decoration:line-through:定义穿过文本下的一条线。text-decoration:underline:定义文本下的一条线(下划线)。text-decoration:none:定义标准的文本(可用来消除a链接标签默认的下划线)。font-style: italic;斜体文本。font-weight:字体粗细。line-height:设置行原创 2021-03-15 22:33:54 · 413 阅读 · 0 评论 -
CSS 伪类、透明度
伪类:link表示普通的链接(没访问过的链接) 。:visited表示访问过的链接。 浏览器是通过历史记录来判断一个链接是否访问过。使用visited伪类只能设置字体的颜色:hover伪类表示鼠标移入的状态。:active表示的是被点击的状态。*注意::visited放在:hover之前; :active 必须被置于 :hover 之后,才是有效的。:focus向拥有键盘输入焦点的标签添加样式;针对可输入内容的标签。例如:首先在链接中的使用:<!DOCTYPE html&g原创 2021-03-15 23:11:11 · 252 阅读 · 0 评论 -
CSS块级、行级、行级块标签、display、div、span
块级标签无论内容有多少,都会占据一行;默认宽:与父级标签一致;默认高:0 ;或者与内容高度一致。但是可以通过 width和height来设置标签的宽 高;例如< p>、< h1 >、< ul >、< ol >、< hr / >等。 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></ti原创 2021-03-16 17:46:09 · 866 阅读 · 0 评论 -
CSS盒子模型
盒子模型CSS处理网页时,它认为每个标签都包含在一 个不可见的盒子里。如果把所有的标签都想象成盒子,那么我们对网页的布局就相 当于是摆放盒子。我们只需要将相应的盒子摆放到网页中相应的 位置即可完成网页的布局。一个盒子(标签)我们会分成几个部分:内容区(content)内边距(padding)边框(border)外边距(margin)内容区:如果没有为标签设置内边距和边框,则内容区大小默认和盒子大小是一致的;width和height两个属性可以设置内容区的大小而不是整个盒子的大小;w原创 2021-03-16 18:19:14 · 137 阅读 · 0 评论 -
CSS文档流、浮动、定位 总结
文档流文档流指的是文档中的标签在排列时所占用的位置。 将窗体自上而下分成一行行 ,并在每行中按从左至右的顺序排放标签,即为文档流。文档流指的就是标签在网页中默认的排放顺序。也就是说在文档流中标签默认会紧贴到上一个标签的右边,如果右边不足以放下标签,标签则会另起一行,在新的一行中继 续从左至右摆放。这样一来每一个块标签都会另起一行,那么我们如果想在文档 流中进行布局就会变得比较麻烦。浮动使标签脱离原来的文档流,在父标签中浮动起来。浮动使用float属性。可选值: none原创 2021-03-16 19:19:59 · 204 阅读 · 0 评论 -
HTML,及CSS完成小网页练习
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* 首先清除默认样式 */ *{ margin: 0px; padding: 0px; } /* 顶部栏的属性 */ .top_line{ width:1200p.原创 2021-06-06 20:35:19 · 231 阅读 · 0 评论