CSS - 随笔分类 - 张张张要加油

定位

摘要：-相对定位 position：relative 相对于原来的位置，进行指定的偏移，相对定位的话，它仍然在标准文档流中原来的位置会被保留 top left bottom right -绝对定位定位：相对于XXX定位，上下左右 1.没有父级元素定位的前提下，相对于浏览器定位 2.假设父级元素存在定位阅读全文

posted @ 2021-01-25 15:43 张张张要加油阅读(127) 评论(0) 推荐(0)

overflow及父级边框塌陷

摘要：clear right 右侧不允许有浮动元素 clear left 左侧不允许有浮动元素 clear none clear both 解决方案：小结： 1.浮动元素后面增加空的div 简单。代码中尽量避免空的div 2.设置父元素的高度简单，元素假设没有固定的高度，就会被限制 3.overf 阅读全文

posted @ 2021-01-25 14:20 张张张要加油阅读(99) 评论(0) 推荐(0)

display和浮动

摘要：标准文档流块级元素：独占一行行内元素：不独占一行行内元素可以被包含在块级元素中，反之则不可以 display 这也是一种实现行内元素排列的方式，但是我们很多情况下都是用float float 阅读全文

posted @ 2021-01-25 14:00 张张张要加油阅读(96) 评论(0) 推荐(0)

圆角边框及阴影

摘要：圆角 4个阅读全文

posted @ 2021-01-24 23:12 张张张要加油阅读(59) 评论(0) 推荐(0)

盒子模型

摘要：什么是盒子模型 margin 外边距 padding 内边框 border 边框边框 1.边框的粗细 2。边框的样式 3.边框的颜色盒子的计算方式：这个元素到底多大？ margin+border+padding+内容宽度阅读全文

posted @ 2021-01-24 21:36 张张张要加油阅读(42) 评论(0) 推荐(0)

背景图像应用及渐变

摘要：背景颜色背景图片渐变：找开源阅读全文

posted @ 2021-01-24 19:11 张张张要加油阅读(71) 评论(0) 推荐(0)

文本阴影和超链接伪类

摘要：超链接伪类：正常情况下：a a:hover 文本阴影： text-shadow 阅读全文

posted @ 2021-01-24 18:13 张张张要加油阅读(70) 评论(0) 推荐(0)

文本样式

摘要：1.颜色 color rgb rgba 2.文本对齐的方式 text-align = center 3.首行缩进 text-indent:2em 4.行高 line-height 5.装饰 text-decoration 6.文本图片水平对齐：vertical-align:middle 阅读全文

posted @ 2021-01-24 17:57 张张张要加油阅读(31) 评论(0) 推荐(0)

CSS的作用及字体样式

摘要：美化网页元素 1.为什么要美化标签 -有效的传递页面信息 -美化网页，页面漂亮才能吸引用户 -凸显页面的主题 -提高用户的体验 span标签：重点要突出的文字，使用span标签套起来阅读全文

posted @ 2021-01-24 15:00 张张张要加油阅读(91) 评论(0) 推荐(0)

属性选择器

摘要：ID+class结合 = *= ^= $= 选择器： CSS。JS。JQuery。VUE 阅读全文

posted @ 2021-01-24 13:44 张张张要加油阅读(35) 评论(0) 推荐(0)

结构伪类选择器

摘要：伪类：条件阅读全文

posted @ 2021-01-24 13:29 张张张要加油阅读(68) 评论(0) 推荐(0)

层次选择器

摘要：1。后代选择器：在某个元素的后面祖爷爷爷爷爸爸儿子 2.自选择器：一代，儿子 3.相邻兄弟选择器同辈，一个 4.通用选择器阅读全文

posted @ 2021-01-24 12:50 张张张要加油阅读(52) 评论(0) 推荐(0)

三种基本选择器

摘要：作用：选择页面上的某一个或某一类元素标签选择器：选择一类标签标签{} 类选择器：选择所有class属性一致的标签，跨标签 .class名{} ID选择器：全局唯一 #id名{} 优先级：ID》class》标签阅读全文

posted @ 2021-01-23 21:38 张张张要加油阅读(231) 评论(0) 推荐(0)

CSS的三种导入方式

摘要：行内样式内部样式外部样式拓展：外部样式的两种写法链接式：link html 导入式 CSS2.1 阅读全文

posted @ 2021-01-23 21:00 张张张要加油阅读(85) 评论(0) 推荐(0)

CSS的快速入门

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <styl 阅读全文

posted @ 2021-01-23 20:42 张张张要加油阅读(51) 评论(0) 推荐(0)

什么是CSS

摘要：1.什么是CSS Cascading Style Sheet层叠级联样式表 CSS：表现（美化网页）字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动。。。 2.发展史 CSS1.0 CSS2.0:DIV（块）+CSS，HTML与CSS结构分离的思想，网页变得简单，SEO CSS2.1:浮阅读全文

posted @ 2021-01-23 18:17 张张张要加油阅读(195) 评论(0) 推荐(0)

CSS的简单介绍

摘要：HTML CSS JavaScprit 结构表现交互什么是CSS 如何学习 1.CSS是什么 2.CSS怎么用（快速入门） 3.CSS选择器（重点+难点） 4.美化网页（文字，阴影，超链接，列表，渐变。。。） 5.盒子模型 6.浮动 7.定位 8.网页动画（特效效果）阅读全文

posted @ 2021-01-23 18:08 张张张要加油阅读(77) 评论(0) 推荐(0)

张张张要加油

随笔分类 - CSS

公告