CSS
詹姆斯东
你知道的越多,你不知道的越多
展开
-
CSS基础知识总结之用户界面详解
前言 day6主要讲述了元素的显示与隐藏及用户界面 1、元素的显示与隐藏 目的:让一个元素在页面中显示或隐藏 1.1 display 显示 语法 display: none 隐藏对象 display:block 除了转换为块级元素之外,同时还有显示元素的意思。 特点:是元素被隐藏后不需要再保留位置 1.2 visibility 可见性 语法 visibilit...原创 2019-12-10 17:14:12 · 230 阅读 · 5 评论 -
CSS基础知识总结之定位详解
前言 day5主要讲述了定位 其中包含,为什么需要定位及常用的定位模式 1、什么是定位? 定位,是将盒子固定在某一个位置上,可以自由的漂浮在其他盒子之上 2、边偏移 2.1边偏移概念 通过属性定义元素所在位置,向边上移动 2.2边偏移的属性,在CSS中通过,top,bottom,left,right四种属性定义边偏移 边偏移属性 示例 描述 top top: 80px 顶端...原创 2019-12-08 15:42:50 · 311 阅读 · 2 评论 -
CSS基础知识总结之浮动详解
前言 day4主要讲述了一个重点,那就是浮动 其中包含,什么是浮动?浮动的作用语法及浮动的清除等 1、CSS的三种布局机制 CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位,其中: 1)普通流(标准流) 块级元素会独占一行,从上向下顺序排列; 常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table 行内元素会按照顺序,从左到...原创 2019-11-27 09:19:21 · 515 阅读 · 7 评论 -
CSS基础知识总结之基础样式详解
前言 1、CSS作用:设置HTML版面布局和外观样式 2、CSS样式表(书写位置) 2.1行内样式(内联样式) 通过标签的style属性来设置元素的样式 <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名> ·注意 ·style是标签的属性 ·样式属性和值中间是: ·多组属性值之间用;隔开 2.2内部样式表(内...原创 2019-11-19 09:12:14 · 424 阅读 · 10 评论 -
CSS基础知识总结之复合选择器详解
前言 day2主要讲述了 1、CSS的复合选择器 2、标签选择器 3、CSS背景 4、CSS的三大特性 1、复合选择器 1.1后代选择器 选择元素的子孙后代 写法就是把外层标签写在前面,内层标签写在后面,中间后空格分隔,类似于子类父类 语法 .class h3{color:red;font-size:16px;} 1.2子元素选择器 子元素选择器只能选择作为某元素子元素的元素 ...原创 2019-11-23 08:45:53 · 640 阅读 · 8 评论 -
CSS基础知识总结之盒子模型详解
前言 day3主要讲述了 盒子模型、盒子边框及内外边距 1、 盒子模型 盒子,相当于装内容的一个容器,它由四部分组成,分别是内容, 边框(border)、内边距(padding)、和外边距(margin)组成 盒子里面的文字和图片等元素是 内容区域 盒子的厚度 我们成为 盒子的边框 盒子内容与边框的距离是内边距(类似单元格的 cellpadding) 盒子与盒子之间的距离是外...原创 2019-11-26 09:39:20 · 741 阅读 · 7 评论