![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css知识点
御裔宸
这个作者很懒,什么都没留下…
展开
-
Html标签的分类
DOCTYPE html>html>head>meta charset="utf-8" />meta http-equiv="X-UA-Compatible" content="IE=edge">title>Page Titletitle>meta name="viewport" content="width=device-width, initial-原创 2018-01-23 20:50:26 · 342 阅读 · 0 评论 -
伪类元素
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>超链接默认状态下的样式<原创 2018-02-11 14:51:02 · 106 阅读 · 0 评论 -
固定定位
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>固定定位</title&原创 2018-02-11 14:54:34 · 215 阅读 · 0 评论 -
图片与文字的垂直对齐
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>图片与文字垂直对齐</t原创 2018-02-11 14:55:41 · 1007 阅读 · 0 评论 -
定位
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>三种定位</title&原创 2018-02-11 14:56:27 · 137 阅读 · 0 评论 -
标签包含规范
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>标签包含规范</titl原创 2018-02-11 14:57:12 · 147 阅读 · 0 评论 -
滑动门
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> div{ float:left;原创 2018-02-11 15:07:27 · 123 阅读 · 0 评论 -
相对定位
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>相对定位</title&原创 2018-02-11 15:08:03 · 105 阅读 · 0 评论 -
背景图片的精灵图的使用
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>背景图片的精灵图的使用<原创 2018-02-11 15:09:09 · 3407 阅读 · 0 评论 -
行高与盒子模型
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>行高与盒子模型</tit原创 2018-02-11 15:10:27 · 311 阅读 · 0 评论 -
规避脱标流
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>规避脱标流</title原创 2018-02-11 15:11:22 · 184 阅读 · 0 评论 -
小米的首页官网
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>小米的官网首页</tit原创 2018-02-11 15:12:57 · 1065 阅读 · 0 评论 -
个人的demo
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>个人的资料的demo</原创 2018-02-11 14:43:41 · 175 阅读 · 0 评论 -
一个盒子的定位显示
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>盒子的定位显示</tit原创 2018-02-11 14:41:30 · 159 阅读 · 0 评论 -
css的特性
DOCTYPE html>html>head>meta charset="utf-8" />meta http-equiv="X-UA-Compatible" content="IE=edge">title>css的特性title>meta name="viewport" content="width=device-width, initial-scal原创 2018-01-23 21:36:39 · 167 阅读 · 0 评论 -
css的伪类的超链接的颜色变化处理
DOCTYPE html>html>head>meta charset="utf-8" />meta http-equiv="X-UA-Compatible" content="IE=edge">title>超链接默认状态下的样式title>meta name="viewport" content="width=device-width, initial原创 2018-01-24 21:30:48 · 552 阅读 · 0 评论 -
css超链接的案例
DOCTYPE html>html>head>meta charset="utf-8" />meta http-equiv="X-UA-Compatible" content="IE=edge">title>css的超链接导航条的案例title>meta name="viewport" content="width=device-width, initi原创 2018-01-24 22:08:41 · 432 阅读 · 0 评论 -
css的背景图片
DOCTYPE html>html lang="en">head>meta charset="utf-8">styletype="text/css"> div{background-image:url("1.png");width: 500px;height:500px;/* 不平铺 */background-re原创 2018-01-25 00:17:30 · 191 阅读 · 0 评论 -
owerflow的滚动条
DOCTYPE html>html lang="en">head>meta charset="utf-8">styletype="text/css"> div{ width: 300px; height: 300px;原创 2018-02-01 22:17:48 · 675 阅读 · 0 评论 -
浮动的简单例子
DOCTYPE html>html>head>meta charset="utf-8" />meta http-equiv="X-UA-Compatible" content="IE=edge">title>浮动的变化title>meta name="viewport" content="width=device-width, initial-scale原创 2018-01-29 20:59:16 · 328 阅读 · 0 评论 -
网页布局的简单案例
DOCTYPE html>html>head>meta charset="utf-8" />meta http-equiv="X-UA-Compatible" content="IE=edge">title>网页布局title>meta name="viewport" content="width=device-width, initial-scale=原创 2018-01-29 21:31:10 · 666 阅读 · 0 评论 -
网页的第二种复杂的布局
DOCTYPE html>html lang="en">head>meta charset="utf-8">styletype="text/css"> *{ margin: 0; padding:0; }原创 2018-01-29 22:00:02 · 325 阅读 · 0 评论 -
清除浮动的几种方式
DOCTYPE html>html>head>meta charset="utf-8" />meta http-equiv="X-UA-Compatible" content="IE=edge">title>清除浮动title>meta name="viewport" content="width=device-width, initial-scale=原创 2018-01-29 23:10:45 · 130 阅读 · 0 评论 -
清除浮动
DOCTYPE html>html>head>meta charset="utf-8" />meta http-equiv="X-UA-Compatible" content="IE=edge">title>清除浮动title>meta name="viewport" content="width=device-width, initial-scale=原创 2018-01-29 23:32:29 · 106 阅读 · 0 评论 -
使用css技术美化网页
1、引入css的代码有内行式与外联式的标签。<标记名 style=“属性1:属性1值;属性2:属性2值;”>内容</标记名> 标记名就是标签的名字2、引入css的内嵌式的方式<head><title>标题</title><style type="text/css">选择器{属性1:属原创 2018-07-17 17:08:38 · 3001 阅读 · 0 评论