![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css学习
文章平均质量分 51
JINGJID
这个作者很懒,什么都没留下…
展开
-
CSS-定位
1.相对定位position: relative;相对于原来的位置进行指定的偏移,他仍然在标准流文档中,原来的位置会被保留top :10px ----距离上端10px的距离(向下偏移)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>相对定位</title><!-- 相对于原来的位置进行偏移--&g原创 2022-04-09 22:32:09 · 474 阅读 · 0 评论 -
CSS-浮动
1.displaydisplay的用法:block:块元素inline-size: 行内元素inline-block:是块元素,但可以内联,在一行none:消失原创 2022-04-09 18:26:57 · 1763 阅读 · 0 评论 -
CSS-盒子模型
1.什么是盒子模型margin:外边距padding:内边距border:边框2.边框<style> /*body 总有一个默认外边距为0*/ body{ margin: 0; } #box{ width: 300px; /*border: 粗细 ,样式,颜色;*/ /*solid:实线 dashed:虚线*/原创 2022-04-07 17:37:30 · 221 阅读 · 0 评论 -
美化网页元素
1.span标签---重点要突出的字使用span标签套出来2.字体样式3.文本样式文字与图片水平对齐4.超链接伪类5.列表原创 2022-04-06 18:49:46 · 208 阅读 · 0 评论 -
CSS选择器
作用:选择页面上的某一类或某一个元素1.1基本选择器1.标签选择器:选择一类标签2.类选择器:选择所有class属性一致的标签,可以跨标签3.id选择器:全局唯一优先级顺序:id选择器>类选择器>标签选择器1.2层次选择器1.后代选择器:在某个元素的后面 body p{}2.子代选择器:只有一代 body>p{}3.相邻兄弟选择器--同辈(对下不对上) .class+p{}4.通用选择器--所...原创 2022-04-06 14:01:57 · 141 阅读 · 0 评论 -
CSS基础
css的三种导入方式1.行内样式----在标签元素中,编写一个style属性,编写样式即可2.内部样式----直接在HTML中写运用style方法语法: 选择器{ 声明1; 声明2;3.外部样式---HTML和css分开拓展:外部样式两种写法:1.链接式:link<link rel="stylesheet" href="css/style.css">2.2.导入式(较少用):@importli原创 2022-04-05 11:35:57 · 1117 阅读 · 0 评论