![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
dawn_8300
这个作者很懒,什么都没留下…
展开
-
定位
定位position相对定位:相对于自己原来的位置进行偏移position:relative;top:-20px;/*往上移*/left:20px;/*往右移*/#first{ border: 1px dashed red; background: #FF0000; position: relative; top: -20px;/*距离顶部-20px,插进去20px,也就是向上移动20px*/原创 2021-01-17 07:17:08 · 103 阅读 · 0 评论 -
背景及渐变色
背景及渐变背景颜色,背景图片background-image:url("img/tx.jpg");background-repeat:repeat;/*范围内平铺*/background-repeat:repeat-x;/*横行平铺一行*/background-repeat:repeat-y;/*竖向平铺一列*/background-repeat:no-repeat;/*无平铺效果*/调整图片位置:/*背景相关的所有属性都写在一行*/background: red url("image原创 2021-01-17 07:13:28 · 87 阅读 · 0 评论 -
CSS字体文本列表
美化网页元素为什么要美化有效传递页面信息美化网页,页面漂亮才能吸引用户凸显页面主题提高用户体验span标签重点要突出的字使用span标签套起来 <style> #demo1{ font-size: 50px; } </style></head><body>欢迎学习 <span id="demo1"class="span1">java</span&原创 2021-01-09 17:50:19 · 142 阅读 · 1 评论 -
CSS高级选择器
高级选择器层次选择器后代选择器在某个元素的后面 祖爷爷 爷爷 爸爸 你body后面的所有p标签都会变色/* 后代选择器*/ body p{ background: red; }子选择器一代 儿子,只有body下的第一代的p标签才会变色body>p{ background: green;}相邻兄弟选择器同辈只有一个 向下p1会变色 .c1+p{ background: gre原创 2021-01-09 17:50:44 · 116 阅读 · 0 评论 -
CSS基本选择器
三种基本选择器作用:选择界面上的某一个或者某一类元素基本选择器标签选择器标签选择器会选择到页面上所有的这个标签的元素h1{ color: #225378; background: #b4a53b; border-radius: 30px;}h1为标签类选择器 class选择所有class属性一致的标签,跨标签同一个标签,但是颜色不同,则不能用标签选择器。在标签内定义class,并在style中分别用类选择器定义颜色好处:可以多个标签归类,是同一个class原创 2021-01-09 17:51:02 · 75 阅读 · 0 评论 -
CSS三种导入方式
css三种导入方式行内导入<!--行内样式:在标签元素中编写一个style属性,编写样式即可--><h1 style="color: red">我是标题</h1>内部导入<head><!-- 内部样式--> <style>/* h1是选择器 */ h1{ color:green; } </style></head>原创 2021-01-09 17:51:41 · 103 阅读 · 0 评论 -
CSS概述
CSS简单介绍HTML 结构CSS 表现Javascript 交互css是什么怎么用css选择器(重点+难点)美化网页(文字美化,阴影,超链接,列表,界面)盒子模型浮动定位网页动画(特效)参考:菜鸟教程什么是CSScascading style sheet 层叠样式表CSS:表现(美化表现)字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动发展史CSS1.0CSS2.0 DIV(块)+css HTMl与CSS结构分离,网原创 2021-01-09 17:51:57 · 69 阅读 · 0 评论