摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-03 13:26 无敌臭弟弟 阅读(455) 评论(0) 推荐(0) 编辑
摘要: 1.css盒子模型 组成:content->padding->border->margin 物品 填充物 包装盒 盒子跟盒子之间的距离 content:内容区域 width height组成 padding:内边距 只写一个值:30px 表示上下左右 写两个:30px 40px(上下,左右) 写四个 阅读全文
posted @ 2020-10-29 21:04 无敌臭弟弟 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 1.ID选择器 #elem id="elem 注释: 1.ID是唯一,在一个页面中只能出现一次,出现多次是不符合规范的。 2.命名的规范,由字母,下划线,中线,字母(并且第一个不嫩是数字) 3.驼峰写法:search Button(小驼峰)Search Button(大驼峰) 短线写法:search 阅读全文
posted @ 2020-10-29 21:03 无敌臭弟弟 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 1.*{margin:0;padding:0;} 缺点:稍微影响性能 优点:不用考虑哪些标签有默认样式 ul a 取消连接下划线 img 问题现象:图片内容跟容器底部出现缝隙 内联元素的对齐方式是按照文本基线对齐的,而不是文字底线对齐的 2.写具体页面的时候或一个布局效果的时候 1.写结构 2.cs 阅读全文
posted @ 2020-10-29 21:02 无敌臭弟弟 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 形变 transform : 位移 缩放 旋转 参照点 位移: translateX() : X 轴平移 translateY() : Y轴的平移 translate() : 平移 1个数 -- X轴平移 2个数 -- X轴Y轴同时平移 缩放 scaleX() : X轴缩放 scaleY() : Y 阅读全文
posted @ 2020-10-29 21:01 无敌臭弟弟 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 1.strong和b,em和i标签的区别 表现形式都是文本加粗,文本倾斜,区别在strong和em是具备语义化的,而b和i是不具备语义化的 2.引用标签 block quote:引用大断的段落解释 q:引用小段词语解释 abbr:缩写或首字母缩略词 address:引用文档地址信息 cite:引用著 阅读全文
posted @ 2020-10-29 20:59 无敌臭弟弟 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 文本属性: 文本缩进:text-indent:允许值:长度|百分比,可以继承,允许负值;适用于:块级元素 文本对齐:text-align:允许值:left|right|center|justify;可以继承;适用于:块级元素 行高:line-height:允许值:长度|百分比|数字|normal:可 阅读全文
posted @ 2020-10-29 20:58 无敌臭弟弟 阅读(274) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-10-29 15:56 无敌臭弟弟 阅读(255) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-10-28 09:22 无敌臭弟弟 阅读(69) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-10-27 20:28 无敌臭弟弟 阅读(73) 评论(0) 推荐(0) 编辑