随笔分类 -  CSS

CSS定位
摘要：定位 1. 相对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--相对定位 相对于自己原来的位置进行偏移 --> <style> body{ padding: 20px 阅读全文
posted @ 2020-08-04 11:21 山人西来 阅读(168) 评论(0) 推荐(0)
CSS浮动
摘要：浮动 1. 标准文档流 块级元素：独占一行 h1~h6 p div 列表... 行内元素：不独占一行 span a img strong... 行内元素可以被包含在块级元素中，反之，则不可以 2. display <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2020-08-03 17:50 山人西来 阅读(108) 评论(0) 推荐(0)
CSS盒子模型
摘要：盒子模型 1. 什么是盒子模型 margin：外边距 padding：内边距 border：边框 2. 边框 边框的样式 边框的粗细 边框的颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ 阅读全文
posted @ 2020-08-03 16:26 山人西来 阅读(160) 评论(0) 推荐(0)
CSS美化网页元素
摘要：美化网页元素 1. 为什么要美化网页 有效的传递页面信息 美化网页，页面漂亮，才能吸引用户 凸显页面的主题 提高用户的体验 span标签：重点要突出的字，使用span标签套起来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" 阅读全文
posted @ 2020-08-03 14:42 山人西来 阅读(281) 评论(0) 推荐(0)
CSS选择器
摘要：CSS选择器 作用：选择页面上的某一个或者某一类元素 1.基本选择器 1. 标签选择器 选择一类标签 标签 无法做到对同名的单独标签做选择 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</tit 阅读全文
posted @ 2020-08-03 14:40 山人西来 阅读(147) 评论(0) 推荐(0)
CSS基础
摘要：CSS基础 1. 什么是CSS Cascading Style Sheet 层叠级联样式表 CSS：表现层（美化网页） 字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动... 2. 发展史 CSS1.0 CSS2.0 DIV（块）+CSS，提出了HTML与CSS分离的思想，网页变得很简单 阅读全文
posted @ 2020-08-03 14:36 山人西来 阅读(138) 评论(0) 推荐(0)