css
五仁卤鸡翅
这个作者很懒,什么都没留下…
展开
-
49、淘宝网练习
文章目录介绍淘宝网练习介绍文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记淘宝网练习<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>*{ marging:0; padding:0}/* 设置外层容器*/.nav{ width:100%原创 2020-07-21 17:00:07 · 396 阅读 · 0 评论 -
48、弹性容器、元素的样式
文章目录介绍弹性容器的样式弹性元素的样式介绍文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记弹性容器的样式<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>*{ margin:0; padding:0; list-style:none;}ul{原创 2020-07-21 16:32:09 · 213 阅读 · 0 评论 -
47、flex
文章目录介绍flex介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记flex<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style> 1、flex(弹性盒,伸缩盒) - 是css中的一种布局手段,它主要用来代替浮动来完成页面布局 - flex 可以使元素具原创 2020-07-21 15:52:37 · 180 阅读 · 0 评论 -
46、less
文章目录介绍lessless语法混合函数介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记less<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>1\less是css的预处理语言 - less是css的增强,通过less编写更少的代码实现更强大的样式 -原创 2020-07-21 14:29:52 · 166 阅读 · 0 评论 -
45、变形
文章目录介绍变形z轴平移旋转钟表练习立体图片容器缩放介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记变形<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ width:200px; height:200px; background-原创 2020-07-21 14:06:36 · 164 阅读 · 0 评论 -
44、动画
文章目录介绍动画练习动画补充介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记动画<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ height:800px; background-color:silver; overflow:hi原创 2020-07-21 13:23:53 · 155 阅读 · 0 评论 -
42、过渡
文章目录介绍过渡练习介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记过渡<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>*{ margin:0; padding:0}.box1{ width:800px; height:800px原创 2020-07-21 11:37:17 · 168 阅读 · 0 评论 -
40、表单
文章目录介绍表单介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记表单<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>1、autocomplete 自动填充属性2、readonly 将表单项设为只读 数据会提交3、disabled 将表单项设置为禁用 数据不会提原创 2020-07-21 11:18:26 · 145 阅读 · 0 评论 -
39、表格
文章目录介绍表格表格样式介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记表格<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>1、colspan 横向合并单元格2、rolspan 纵向合并单元格可以将一个表格分成三个部分 头部 thead 主体原创 2020-07-21 11:15:36 · 129 阅读 · 0 评论 -
38、渐变
文章目录介绍渐变径向渐变介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记渐变<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ width:200px; height:200px; 渐变,可以设置一些复杂的背景颜色,原创 2020-07-21 11:02:02 · 157 阅读 · 0 评论 -
37、雪碧图
文章目录介绍雪碧图介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记雪碧图<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>1、解决图片闪烁问题 - 将多个小图片保存到一个大图片中,通过调整background-position来 显示图片的位置,这样原创 2020-07-21 10:47:42 · 120 阅读 · 0 评论 -
36、背景
文章目录介绍背景介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记背景<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ width:500px; height:500px; 1、background-color:设置背景颜色原创 2020-07-21 10:36:24 · 148 阅读 · 0 评论 -
35、京东导航条
文章目录京东导航条京东导航条<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title> 引入重置样式表 引入图标字体</head><style>body{ font-size:12px;}clearfix::before,clearfix::after{ content:"",原创 2020-07-20 17:46:09 · 328 阅读 · 0 评论 -
34、文本的水平和垂直对齐
1、text-align2、vertical-align3、text-decoration4、如何将多余文字设置为省略号原创 2020-06-27 20:46:02 · 741 阅读 · 0 评论 -
33、字体的简写属性
文章目录介绍字体的简写属性介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记字体的简写属性<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>div{ border :1px red solid; 1、font 可以设置字体相关的所有属性原创 2020-06-27 20:27:05 · 223 阅读 · 0 评论 -
32、行高
1、行高 line-height2、字体框 font-size原创 2020-06-27 11:40:20 · 207 阅读 · 0 评论 -
31、font
1、@font-face2、font-size3、图标字体原创 2020-06-27 11:36:10 · 186 阅读 · 0 评论 -
30、京东轮播图
文章目录介绍京东轮播图介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记京东轮播图<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>1、设置图片的容器.img-list{ width:590px; height:470px; marign原创 2020-06-27 11:14:06 · 234 阅读 · 0 评论 -
29、元素层级
元素层级z-index原创 2020-06-27 10:58:25 · 216 阅读 · 0 评论 -
28、定位问题
1、相对定位2、绝对定位3、固定定位4、粘滞定位原创 2020-06-27 10:47:31 · 190 阅读 · 0 评论 -
28、clearfix
clearfix 解决高度塌陷和外边距重叠原创 2020-06-27 10:09:42 · 157 阅读 · 0 评论 -
27、clear
本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记clear 清除浮动影响clear 解决高度塌陷原创 2020-06-23 21:23:30 · 152 阅读 · 0 评论 -
26、高度塌陷和BFC
1 高度塌陷问题2 BFC原创 2020-06-23 21:00:57 · 182 阅读 · 0 评论 -
25、网页布局示例
网页布局示例原创 2020-06-23 20:45:50 · 177 阅读 · 0 评论 -
24、导航菜单仿写
1、w3c导航菜单仿写原创 2020-06-23 20:42:15 · 261 阅读 · 0 评论 -
23、浮动
文章目录介绍浮动浮动特点介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记浮动<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ width:200px; height:200px; background-color:#bfa;原创 2020-06-23 20:24:52 · 128 阅读 · 0 评论 -
22、轮廓和圆角
1 outline2 box-shadow3 border-radius原创 2020-06-23 20:11:42 · 287 阅读 · 0 评论 -
21、盒子大小
文章目录介绍盒子大小介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记盒子大小<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ width:100px; height:100px; background-color:#bfs原创 2020-06-23 19:54:52 · 275 阅读 · 0 评论 -
20、网易新闻列表
仿写网易新闻列表原创 2020-06-23 14:23:49 · 2314 阅读 · 0 评论 -
19、京东左侧导航条样式表
仿写京东导航条原创 2020-06-22 14:56:44 · 382 阅读 · 0 评论 -
18、浏览器默认样式
浏览器默认样式去除原创 2020-06-22 10:22:26 · 187 阅读 · 0 评论 -
17、行内元素
1、行内元素2、display属性3、visibility属性原创 2020-06-22 10:14:45 · 222 阅读 · 0 评论 -
16、外边距重叠
相邻元素外边距重叠原创 2020-06-22 10:01:43 · 150 阅读 · 0 评论 -
15、盒子模型垂直高度
1、垂直布局2、overflow原创 2020-06-22 09:55:41 · 160 阅读 · 0 评论 -
15、盒子模型水平布局
文章目录介绍盒子模型水平布局介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记盒子模型水平布局<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.outer{ width:800px; height:200px; border:10px oran原创 2020-06-22 09:50:15 · 251 阅读 · 0 评论 -
14、盒子模型
1、盒子模型2、border3、padding4、margin原创 2020-06-22 09:38:58 · 174 阅读 · 0 评论 -
13、文档流
文档流(normal flow) - 网页是一个多层的结构,一层压一层 - 通过css可以为每一层设置样式 - 作为用户只能看到最顶一层 - 这些层中,最底下的一层称为文档流,文档流是网页的基础 所创建的元素默认都是在文档流中进行排列的元素在文档流中有什么特点 块元素 行内元素原创 2020-06-19 17:52:08 · 152 阅读 · 0 评论 -
12、RGB
文章目录介绍RGB介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记RGB<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ width:100px; height:100px}颜色单位: 在css中可以直接使用颜色名来直接设置各种原创 2020-06-19 17:47:56 · 169 阅读 · 0 评论 -
11、像素和百分比
文章目录介绍像素和百分比介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记像素和百分比<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ width:200px; height:200px; background-color:oran原创 2020-06-19 13:50:44 · 627 阅读 · 0 评论 -
10、样式选择器权值
文章目录介绍样式选择器权值介绍本文是在学习CSS时做的学习笔记,所有笔记内容为 CSS学习笔记样式选择器权值<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>#box1{ color:green}div{ color:red}.red{ color:red原创 2020-06-19 13:20:27 · 294 阅读 · 0 评论