CSS基础
文章平均质量分 51
卑微计算机小白
天道酬勤
展开
-
CSS 基础学习计划
学习目标:一周完成HTML基础学习学习内容:CSS 简介CSS 语法CSS 选择器CSS 使用CSS 注释CSS 背景CSS 背景图像CSS 背景重复CSS 背景附着CSS 简写背景属性CSS 边框CSS 边框宽度CSS 边框颜色CSS 边框各边CSS 简写边框属性CSS 圆角边框CSS 外边距CSS 外边距合并CSS 内边距CSS 高度/宽度CSS 框模型CSS 轮廓CSS 轮廓宽度CSS 轮廓颜色CSS 简写轮廓属性CSS 轮廓偏移CSS 文本原创 2021-09-14 13:30:48 · 208 阅读 · 0 评论 -
CSS 简介
什么是 CSS?CSS 指的是层叠样式表,也称级联样式表。外部样式表存储在 CSS 文件中,通过使用外部样式表文件,只需更改一个文件即可更改整个网站的外观。为何使用 CSS?CSS 用于定义网页的样式,针对不同设备和屏幕尺寸的设计和布局。以上内容均整理自W3C,如需阅读全文请点击链接。...转载 2021-09-14 13:49:11 · 46 阅读 · 0 评论 -
CSS 语法
CSS 语法CSS 规则集(rule-set)由选择器和声明块组成:选择器指向您需要设置样式的 HTML 元素。声明块包含一条或多条用分号分隔的声明。每条声明都包含一个 CSS 属性名称和一个值,以冒号分隔。多条 CSS 声明用分号分隔,声明块用花括号括起来。实例在此例中,所有 <p> 元素都将居中对齐,并带有红色文本颜色:p { color: red; text-align: center;}以上内容均整理自W3C,如需阅读全文请点击链接。...转载 2021-09-14 13:57:00 · 52 阅读 · 0 评论 -
CSS 选择器
CSS id 选择器id 选择器使用 HTML 元素的 id 属性来选择特定元素。元素的 id 在页面中是唯一的,因此 id 选择器用于选择一个唯一的元素!要选择具有特定 id 的元素,请写一个井号(#),后跟该元素的 id。实例这条 CSS 规则将应用于 id=“para1” 的 HTML 元素:#para1 { text-align: center; color: red;}注意:id 名称不能以数字开头。CSS 类选择器类选择器选择有特定 class 属性的 HT转载 2021-09-14 14:40:10 · 318 阅读 · 0 评论 -
CSS 使用
三种使用 CSS 的方法有三种插入样式表的方法:外部 CSS内部 CSS行内 CSS外部 CSS通过使用外部样式表,只需修改一个文件即可改变整个网站的外观!每张 HTML 页面必须在 head 部分的 <link> 元素内包含对外部样式表文件的引用。实例外部样式在 HTML 页面 <head> 部分内的 <link> 元素中进行定义:<!DOCTYPE html><html><head><lin转载 2021-09-14 15:48:51 · 59 阅读 · 0 评论 -
CSS 背景颜色
background-colorbackground-color 属性指定元素的背景色。实例页面的背景色设置如下:body { background-color: lightblue;}还可以为任何 HTML 元素设置背景颜色:h1 { background-color: green;}div { background-color: lightblue;}p { background-color: yellow;}不透明度 / 透明度opacity转载 2021-09-14 16:32:15 · 1009 阅读 · 0 评论 -
CSS 背景图像
CSS 背景图像background-image 属性指定用作元素背景的图像。默认情况下,图像会重复,以覆盖整个元素。实例页面的背景图像可以像这样设置:body { background-image: url("paper.gif");}还可以为特定元素设置背景图像,例如 <p> 元素:p { background-image: url("paper.gif");}以上内容均整理自W3C,如需阅读全文请点击链接。...转载 2021-09-14 16:38:01 · 281 阅读 · 0 评论 -
CSS 边框
CSS 边框属性CSS border 属性允许您指定元素边框的样式、宽度和颜色。CSS 边框样式border-style 属性指定要显示的边框类型。border-style 属性可以设置一到四个值(用于上边框、右边框、下边框和左边框)。允许以下值:dotted - 定义点线边框dashed - 定义虚线边框solid - 定义实线边框double - 定义双边框none - 定义无边框hidden - 定义隐藏边框CSS 边框宽度border-width 属性指定四个转载 2021-09-14 18:18:20 · 1376 阅读 · 0 评论 -
CSS 外边距
CSS 外边距margin 属性用于在任何定义的边框之外,为元素周围创建空间。通过 CSS 可以完全控制外边距。有一些属性可用于设置元素每侧(上、右、下和左)的外边距。Margin - 单独的边CSS 拥有用于为元素的每一侧指定外边距的属性:margin-topmargin-rightmargin-bottommargin-left所有外边距属性都可以设置以下值:auto - 浏览器来计算外边距length - 以 px、pt、cm 等单位指定外边距% - 指定以包含元素转载 2021-09-15 10:11:04 · 505 阅读 · 0 评论 -
CSS 内边距
CSS 内边距padding 属性用于在任何定义的边界内的元素内容周围生成空间。通过 CSS 可以完全控制内边距(填充)。有一些属性可以为元素的每一侧(上、右、下和左侧)设置内边距。Padding - 单独的边CSS 拥有用于为元素的每一侧指定内边距的属性:padding-toppadding-rightpadding-bottompadding-left所有内边距属性都可以设置以下值:length - 以 px、pt、cm 等单位指定内边距% - 指定以包含元素宽度的百分转载 2021-09-15 10:17:15 · 607 阅读 · 0 评论 -
CSS 高度和宽度
CSS 设置高度和宽度height 和 width 属性用于设置元素的高度和宽度。height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。CSS 高度和宽度值height 和 width 属性可设置如下值:auto - 默认。浏览器计算高度和宽度。length - 以 px、cm 等定义高度/宽度。% - 以包含块的百分比定义高度/宽度。initial - 将高度/宽度设置为默认值。inherit - 从其父值继承高度转载 2021-09-15 10:27:44 · 952 阅读 · 0 评论 -
CSS 轮廓
CSS 轮廓轮廓是在元素周围绘制的一条线,在边框之外,以凸显元素。CSS 拥有如下轮廓属性:outline-styleoutline-coloroutline-widthoutline-offsetoutline注意:轮廓与边框不同!不同之处在于:轮廓是在元素边框之外绘制的,并且可能与其他内容重叠。同样,轮廓也不是元素尺寸的一部分;元素的总宽度和高度不受轮廓线宽度的影响。CSS 轮廓样式outline-style 属性指定轮廓的样式,并可设置如下值:dotted - 定义点状的转载 2021-09-15 10:47:54 · 118 阅读 · 0 评论 -
CSS 文本
文本颜色color 属性用于设置文本的颜色。文本颜色和背景色实例:body { background-color: lightgrey; color: blue;}h1 { background-color: black; color: white;}文本对齐text-align 属性用于设置文本的水平对齐方式。文本可以左对齐或右对齐,或居中对齐。实例:下例展示了居中对齐以及左右对齐的文本(如果文本方向是从左到右,则默认为左对齐;如果文本方向是从右到左转载 2021-09-15 11:49:26 · 69 阅读 · 0 评论 -
CSS 字体
CSS 字体使用 font-family 属性规定文本的字体。字体样式font-style 属性主要用于指定斜体文本。此属性可设置三个值:normal - 文字正常显示italic - 文本以斜体显示字体粗细font-weight 属性指定字体的粗细:字体大小font-size 属性设置文本的大小。以上内容均整理自W3C,如需阅读全文请点击链接。...转载 2021-09-15 11:58:46 · 81 阅读 · 0 评论