HTML+CSS
不断进阶学习者
这个作者很懒,什么都没留下…
展开
-
HTML+CSS---进阶学习05
一、定位1.相对定位position: relative;left: 50px;top: -50px;不脱离文档流如果给一个标签只设置positon:relative , 不加关键词,就对该元素没有影响配合top , right , bottom , left 使用(可以为负值)提升层级(可通过z-index设置它的层级)相对于自己原来的位置进行定位2.绝对定位position: absolute;bottom: 0;right: 0;脱离文档流,也脱离了文本流原创 2020-10-10 21:40:21 · 87 阅读 · 0 评论 -
HTML+CSS---进阶学习04
一、margin存在问题1.重叠两个相邻的盒子同时设置margin-bottom 和margin-top ,会发生重叠问题解决避免使用,只给其中一个盒子设置给其中一个盒子加一个父元素,给这个父元素设置 overflow:hidden <div class="box"></div> <div class="father"> <div class="box1"></div> </div&原创 2020-10-09 21:04:11 · 193 阅读 · 0 评论 -
HTML+CSS---进阶学习03
一、列表1.有序列表其中,ol里边只能放li标签,li的父元素只能是ol或者ul , li里可以放其他标签 <ol type="1" start="3" reversed> <li>少年</li> <li>微微</li> <li>857</li> </ol> type : 排列顺序的类型 1 a A i I start 从几开始排列 re原创 2020-10-09 21:00:47 · 165 阅读 · 0 评论 -
HTML+CSS---进阶学习02
一、css样式的引入方式1.内部样式位置:在head标签里写style标签,在style标签里写样式 <style> /* 语法: 选择器{ 属性名:属性值; 属性名:属性值; } */ div{ width: 100px; height: 100px; background-color: yellow; } </style>2.行间样式语原创 2020-10-09 20:54:05 · 141 阅读 · 0 评论 -
HTML+CSS---进阶学习01
一、三大核心语言HTML(Hypertext Markup Language) 超文本标记语言 结构CSS(Cascading Style Sheets) 层叠样式表 样式JS(JavaScript) 脚本语言 行为,动作1.后缀.html 网页.css 样式.js 脚本2.标签(标记,元素)大部分都是成对出现的,也有单独出现的由尖角号+关键字组成成对出现的,前边的叫开始标签,后边的叫结束标签单独出现的标签,叫空标签或者自闭合标签原创 2020-10-09 20:51:38 · 132 阅读 · 0 评论