CSS
关注
分享
扫一扫
文章平均质量分 68
CSS基础知识学习笔记
糯米味儿的粽子
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
表单项目综合
表单项目综合演练html部分代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单项目综合</title> <link rel="stylesheet" type="text/css" href="./css/css-demo18.css"></head><body> <cente原创 2021-08-25 01:07:40 · 173 阅读 · 0 评论 -
border-radius属性的使用方法
border-radius用来实现圆角边框。一般这么用：<html><head><style>div{width:300px;height:300px;border:1pxsolidred;border-radius:20px;}</style></head>&...原创 2020-07-29 18:02:31 · 16288 阅读 · 0 评论 -
CSS学习笔记2-CSS字体样式
CSS学习笔记2——CSS字体样式字体样式font-family：字体类型font-size：字体大小font-style：字体风格font-weight：字体粗细font：在申明中设置所有的字体属性代码演示为了方便，采用内联样式演示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css字体样式</title><原创 2021-08-15 23:42:31 · 181 阅读 · 0 评论 -
CSS学习笔记5-列表样式
CSS学习笔记5——列表样式CSS有如下列表属性list-style简写属性。可以用于把所有用于列表的属性设置于一个声明中。list-style-typelist-style-type 属性设置列表项标记的类型。常用的取值有：值描述none无标记符号disc实心圆，默认circle空心圆decimal数字square实心正方形list-style-imagelist-style-image 属性使用图像来替换列表项的标记。默认值不指定原创 2021-08-16 16:59:14 · 160 阅读 · 0 评论 -
CSS学习笔记7-盒子模型（box model）
CSS学习笔记7——盒子模型（box model）盒子模型介绍CSS盒模型可以看作是一个盒子，用来装东西的容器，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。在网页中，每个盒子都有自己的位置，大小，还影响着其它盒子的位置和大小。盒子模型图示如下：图源——菜鸟教程Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content(内容) -原创 2021-08-24 02:05:39 · 710 阅读 · 0 评论 -
CSS3学习笔记4-文本样式
CSS3学习笔记4——文本样式文本样式text-aligntext-align属性指定元素文本的水平对齐方式，比如左对齐，右对齐和居中。text-align有如下值：值描述left左对齐，大部分浏览器默认左对齐right右对齐center居中justify两端对齐inherit规定应该从父元素继承 text-align 属性的值。line-heightline-height属性行高用来设置行间距，有如下值：值描述n原创 2021-08-16 16:16:33 · 193 阅读 · 0 评论 -
CSS学习笔记6-背景样式
CSS学习笔记6——背景样式背景样式background-color背景颜色background-color: green;background-image背景图片background-image: url(./images/bg.png);background-repeat背景图片的平铺，有如下值：值描述repeat默认值，在横向，纵向都平铺no-repeat不平铺repeat-x仅在横向平铺repeat-y仅在纵向平铺代码演示：&原创 2021-08-16 17:26:43 · 513 阅读 · 0 评论 -
CSS学习笔记9-定位（position）
CSS学习笔记9-定位（position）定位-positionposition的含义指定位，position 属性指定了元素的定位类型（static、relative、fixed、absolute 或 sticky）。元素其实是使用 top、bottom、left 和 right 属性定位的。但在使用这几个属性之前，需要先设置 position 属性。根据不同的 position 值，它们的工作方式也不同。静态定位-static使用方式：position: static;静态定位的元素不原创 2021-08-24 22:53:16 · 305 阅读 · 0 评论 -
CSS3学习笔记3-CSS3伪标签样式
CSS学习笔记3——CSS3伪标签样式a标签a标签为链接接标签，可以实现很多网站的导航效果，使用方法如下：<a href="https://www.baidu.com">百度</a>伪类样式a: link:未访问时的链接样式a:hover：鼠标悬停到链接部分时的样式a:visited：访问后的链接样式a:active：鼠标单击未释放的超链接样式案例演示<!DOCTYPE html><html lang="en"><head&g原创 2021-08-16 00:28:53 · 374 阅读 · 0 评论 -
CSS学习笔记1-CSS初识
CSS学习笔记1——CSS初识CSS简介CSS ：层叠样式表 (Cascading Style Sheets)CSS用来设定html标签的样式（字体、颜色、边距、高度、宽度、背景图片、网页定位等）如果严格划分的话，CSS也属于一门编程语言，只不过这门编程语言是用来辅助html的CSS发展历程1996年CSS1.0发布1998年CSS2.0发布2004年CSS2.1发布2010年CSS3.0发布CSS的三种书写方式当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。插入样式表原创 2021-08-15 23:08:06 · 215 阅读 · 0 评论 -
CSS学习笔记8-浮动（float）
CSS学习笔记8——浮动浮动由于div、h1、h2、p等标签是块级标签，会独占一行，如果想让多个块级标签在一行显示，需要用到浮动标签。浮动在css中用float来表示，常用值为left，right。块级标签与行级标签演示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>块级标签</title> <style type="tex原创 2021-08-24 02:55:22 · 324 阅读 · 0 评论 -
CSS学习笔记10-z-index属性
CSS学习笔记10——z-index属性z-index属性z-index 属性指定一个元素的堆叠顺序。比如说，两个盒子之间有重叠，那么是盒子1覆盖盒子2，还是盒子2覆盖盒子1，取决于两个盒子的z-index属性值的大小，属性值大的会覆盖属性值小的。使用示例：z-index: 10;代码演示首先产生三个有重叠的盒子，不指定z-index值。<!DOCTYPE html><html lang="en"><head> <meta charset="原创 2021-08-24 23:24:47 · 445 阅读 · 0 评论