随笔分类 -  CSS

CSS定位
摘要：6.定位 6.1 相对定位 6.2 绝对定位 6.3 z-index <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>默认情况</title> <style> div{ margin: 10px; paddi 阅读全文
posted @ 2021-03-13 09:00 岁月-伤 阅读(51) 评论(0) 推荐(0)
CSS浮动
摘要：5 浮动 标准文档流 块级元素：独占一行 h1~h6 p div 列表。。。 行内元素：不独占一行 span a img strong 行内元素可以被包含在块级元素中，反之，则不可以~ 5.2 display 却可以这样做 <!DOCTYPE html> <html lang="en"> <head 阅读全文
posted @ 2021-03-13 08:54 岁月-伤 阅读(47) 评论(0) 推荐(0)
CSS美化网页元素
摘要：美化网页元素 3.1 为什么要美化网页 有效的传递页面信息 美化网页，页面漂亮，才能吸引用户 凸显页面的主题 提高用户的体验 span标签：重点要突出的字用span标签套起来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文
posted @ 2021-03-13 08:52 岁月-伤 阅读(75) 评论(0) 推荐(0)
CSS盒子模型
摘要：4盒子模型 4.1什么是例子模型 margin: 外边距 padding:内边距 border:边框 4.2边框 边框的粗细 边框的样式 边框的颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title 阅读全文
posted @ 2021-03-11 10:01 岁月-伤 阅读(50) 评论(0) 推荐(0)
CSS选择器
摘要：2.选择器 作用：选择页面上的某一个或者某一类元素 基本选择器 标签选择器: 选择一类标签 标签 类选择器： class:选择所有class属性一致的标签，跨标签 .类名 Id选择器：全局唯一！ #id名 标签选择器 <!DOCTYPE html> <html lang="en"> <head> < 阅读全文
posted @ 2021-03-11 09:51 岁月-伤 阅读(47) 评论(0) 推荐(0)