CSS
文章平均质量分 75
提辖鲁
这个作者很懒,什么都没留下…
展开
-
CSS学习笔记13:定位布局
固定定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>固定定位:fixed</title> <!--position:fixed 设置元素在浏览器的固定位置 元素不跟随页面滚动--> <!--top: 像素值--> <!--bottom: 像素值--> <原创 2022-01-14 20:23:04 · 91 阅读 · 0 评论 -
CSS学习笔记12:浮动布局
浮动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浮动</title> <!--float属性 设置周围元素环绕效果--> <!--left 元素向左浮动--> <!--right 元素向右浮动--> <style> /*定义父元素原创 2022-01-14 20:22:54 · 89 阅读 · 0 评论 -
CSS学习笔记11:盒子模型
宽高<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>宽高:width、height</title> <style> div, span { width: 100px; height: 50px; } /*块元素可原创 2022-01-14 20:22:42 · 74 阅读 · 0 评论 -
CSS学习笔记10:超链接样式
超链接伪类<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超链接伪类</title> <!--超链接伪类 用来定义超链接在鼠标点击的不同时期的样式--> <!--a:link 定义a元素未访问时的样式--> <!--a:visited 定义a元素访问后的样式--原创 2022-01-13 20:29:39 · 540 阅读 · 0 评论 -
CSS学习笔记9:背景样式
背景颜色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>背景颜色</title> <style> div { width: 100px; height: 60px; } #div1 { /原创 2022-01-13 20:28:14 · 145 阅读 · 0 评论 -
CSS学习笔记8:图片样式
图片大小<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片大小</title> <style> img { width: 100px; height: 100px; } </style></head&原创 2022-01-13 20:26:28 · 264 阅读 · 0 评论 -
CSS学习笔记7:表格样式
表格标题位置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格标题位置</title> <style> table, tr, td, th { border: 1px solid silver; } /*caption-side属性*原创 2022-01-13 20:24:31 · 165 阅读 · 0 评论 -
CSS学习笔记6:列表样式
列表项符号<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表项符号</title> <style> /*ol列表的list-style-type属性*/ /*decimal 阿拉伯数字:1、2、3…(默认值)*/ /*lower-roman 小写罗马数字:i、原创 2022-01-13 20:23:21 · 156 阅读 · 0 评论 -
CSS学习笔记5:边框样式
整体样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>整体样式</title> <!--border-width 边框的宽度--> <!-- 取值一般为px--> <!--border-style 边框的外观--> <!-- none 无样式原创 2022-01-13 20:21:52 · 153 阅读 · 0 评论 -
CSS学习笔记4:文本样式
首行缩进<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>首行缩进</title> <!--text-indent 首行缩进--> <!--text-indent值应该是font-size值的2倍--> <style> p { fo原创 2022-01-13 20:20:46 · 104 阅读 · 0 评论 -
CSS学习笔记3:字体样式
字体类型<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>字体类型</title> <!--font-family 字体类型--> <style> #div1 { font-family: Arial; } /*字体类型原创 2022-01-13 20:17:36 · 171 阅读 · 0 评论 -
CSS学习笔记2:选择器
定义id与class<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定义id与class</title></head><body><!--id 同一页面不可重复--><!--class 同一页面可以重复--><div id="content1" cla原创 2022-01-13 20:14:41 · 87 阅读 · 0 评论 -
CSS学习笔记1:引入方式
外部样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>外部样式</title> <!--rel属性 relative的缩写,取值固定"stylesheet",表示引入的是一个样式表文件(即CSS文件)--> <!--type属性 取值固定"text/css",表示这是标准的CSS-->原创 2022-01-13 20:11:38 · 83 阅读 · 0 评论