摘要: 遇到这种问题,明明把a的四种伪类都写好了最后不能正常的表示出来: 原因:要么是你的拼写错了, 最重要的是常犯的错误:顺序错了 标准的顺序为,顺序错了是显示不全的 a:link{ color: blue; } a:visited{ color: green; } a:hover{ color: bla 阅读全文
posted @ 2020-04-03 16:39 陈小歪、 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 一、相对定位 css:position:relative; top:xxpx; right:xxpx; 注意点:1.相对定位不脱离标准流 2.同一方向只能有一个定位。3.区分行内块级元素。 二、绝对定位 css:position:absolute; top:xxpx; right:xxpx; 注意点 阅读全文
posted @ 2020-03-29 22:49 陈小歪、 阅读(635) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <link rel="stylesheet" type="text/css" href="css/style.css"/> 7 <st 阅读全文
posted @ 2020-03-26 11:45 陈小歪、 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 一.浮动元素的脱标(脱离标准流) <style type="text/css"> .box1{width: 100px;height: 100px;background-color: aqua; float: left; } .box2{width: 150px;height: 150px;back 阅读全文
posted @ 2020-03-23 14:50 陈小歪、 阅读(794) 评论(0) 推荐(0) 编辑
摘要: 1.标准流(文档流/普通流)排版 网页默认的排版方式,及块级元素,行内元素,行内块级元素在网页中的排版方式(块级元素独占一行,可以设置宽高/行内元素,行内块级元素不独占一行/行内元素不可以设置宽高/行内块级元素可以设置宽高) 2.浮动流排版 由图一变成图二有两种方法 1.把两个方块都变成行内块级元素 阅读全文
posted @ 2020-03-23 14:46 陈小歪、 阅读(5466) 评论(0) 推荐(0) 编辑
摘要: 一、首先概念:盒子模型的宽高 1.内容的宽度和高度:width height 2.元素的宽高: 宽:左边边框+左边内边距+width+右边内边距+右边边框 高:上边边框+上边内边距+height+下边内边距+下边边框 3.元素空间的宽高: 宽:左边外边距+左边边框+左边内边距+width+右边内边距 阅读全文
posted @ 2020-03-20 20:30 陈小歪、 阅读(2233) 评论(0) 推荐(0) 编辑
摘要: html的元素可分为三种:块状,行内,内联块 1、块状元素特点:1)一个块级元素独占一行2)元素的高度,宽度,行高以及顶部和底部边距都可以设置3)元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)除非设定一个宽度如:div,h标签,p,form,ul,li 2、内联元素(行内元 阅读全文
posted @ 2020-03-19 21:03 陈小歪、 阅读(542) 评论(0) 推荐(0) 编辑
摘要: 1.id选择器,其中每个标签的id选择器的值是唯一的 <div id="text1"> css中用 #text1{ } 2.类选择器(class),可以有多个 <div class="text1"></div> <div class="text1 text2"></div> css中用 .text{ 阅读全文
posted @ 2020-03-18 22:44 陈小歪、 阅读(1946) 评论(0) 推荐(1) 编辑
摘要: 首先了解什么是默认边距 红框和浏览器上方和右边的距离就是默认边距 可以用以下css代码来实现去除默认边距1.*{margin:0;padding:0}2.body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legen 阅读全文
posted @ 2020-03-18 22:07 陈小歪、 阅读(5563) 评论(0) 推荐(0) 编辑
摘要: 首先内边距基本格式 padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; 缩写形式 padding:上 右 下 左; 上代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta char 阅读全文
posted @ 2020-03-18 21:28 陈小歪、 阅读(9990) 评论(0) 推荐(0) 编辑