随笔分类 -  CSS

CSS05：浮动和定位
摘要：浮动 display 块元素默认独占一行，有高度和宽度；而行内元素没有高度和宽度，不能独占一行 display属性可以转换元素类型，是实现行内元素排列的一种方式，但是方向不可控，更多是使用float <!DOCTYPE html> <html lang="en"> <head> <meta char 阅读全文
posted @ 2022-03-20 19:48 振袖秋枫问红叶 阅读(93) 评论(0) 推荐(0)
CSS04：盒子模型
摘要：所有HTML元素可以看作盒子，封装了周围的HTML元素，包括边距、边框、填充和实际内容。 边框、内外边距 粗细、样式、颜色 总宽度=外边距+边框+内边距+内容宽度 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl 阅读全文
posted @ 2022-03-20 19:43 振袖秋枫问红叶 阅读(59) 评论(0) 推荐(0)
CSS03：文本列表样式和背景渐变
摘要：作用：有效的传递页面信息、美化网页、凸显页面的主题、提高用户的体验 字体样式 span标签：修饰重点要突出的内容，只是约定俗成用span表示，用其他任何名字也可以 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl 阅读全文
posted @ 2022-03-18 12:03 振袖秋枫问红叶 阅读(141) 评论(0) 推荐(0)
CSS02：选择器分类
摘要：选择页面上某一类元素 基本选择器 标签选择器、class选择器、id选择器 生效优先级：id选择器 > class选择器 > 标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的网页</title 阅读全文
posted @ 2022-03-17 23:07 振袖秋枫问红叶 阅读(43) 评论(0) 推荐(0)
CSS01：样式分类
摘要：CSS（Cascading Style Sheets），称为层叠样式表 CSS的功能：美化网页（文字、颜色、边距、高度、宽度、背景、定位、浮动、阴影、超链接、列表、渐变......）、浮动、定位、网页动画（特效） 优点：内容和样式分离、网页结构表现统一、可以复用、样式丰富、利于SEO CSS样式分类 阅读全文
posted @ 2022-03-17 17:48 振袖秋枫问红叶 阅读(144) 评论(0) 推荐(0)