CSS
关注
分享
扫一扫
CSS学习笔记
老王笔记
JD
展开
-
CSS作业练习--JD登陆框
作业，下面是京东官网登陆框；制作一个这样的页面；HTML代码<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <!--css作业，实现JD登陆界面--> <title>京东-欢迎登陆</title> &...原创 2019-09-07 20:26:55 · 1290 阅读 · 0 评论 -
CSS-transform转换属性
转换属性 - transform： 1, 什么是转换属性 改变元素在也页面中的位置，尺寸，角度的一种方式 2， 属性： 1， 转换属性 属性：transform 取值： a, none 无任何转换效果 b, 转换函数 ...原创 2019-09-21 18:55:52 · 762 阅读 · 0 评论 -
CSS 定位方式
1， 什么是定位 表示元素在网页中的位置2， CSS中，定位的分类 1， 普通流定位（默认定位方式） 2， 浮动定位（重难点，用的最多） 3， 相对定位 4， 绝对定位 5， 固定定位3， 普通流定位 普通流定位，又称为“文档流定位”。是默认定位方式。 典型的“流式布局” 特点： 1， 每个元素在页面中都有...原创 2019-09-15 19:05:28 · 250 阅读 · 0 评论 -
CSS-定位1
定位（重难点）1， 什么是定位 表示元素在网页中的位置2， CSS中，定位的分类 1， 普通流定位（默认定位方式） 2， 浮动定位（重难点，用的最多） 3， 相对定位 4， 绝对定位 5， 固定定位3， 普通流定位 普通流定位，又称为“文档流定位”。是默认定位方式。 典型的“流式布局” 特点： 1， 每个...原创 2019-09-15 11:09:29 · 246 阅读 · 0 评论 -
CSS-过渡效果-transition
1， 什么是过渡效果 使得CSS的属性值在一段时间内平缓变化的一个效果 例如颜色的渐变式变化是突变还是渐变， 字体大小变化，位置变化等2， 语法 1，指定过渡属性 作用：指定哪个属性值在变化的时候使用过渡效果； 属性：transition-property (过渡属性) 取值： ...原创 2019-09-14 18:27:04 · 3537 阅读 · 0 评论 -
CSS-表格属性
1，表格常用属性 1，尺寸属性 2，边框属性 3，文本格式化 4，背景属性 5，框模型属性 margin不能用在td上的2，表格特有属性 1，边框的合并 属性：border-collapse 取值： 1， separate 默认值，分离边框（双线...原创 2019-09-14 16:09:52 · 1358 阅读 · 0 评论 -
CSS文本格式化属性
1， 字体属性 1，指定字体 属性：font-family 取值：由，隔开的字体列表 注意：如果字体中包含中文或空格的话要用引号引起来 eg: font-family:"楷体"; font-family:"Microsoft Yahei"; font-fa...原创 2019-09-14 12:05:53 · 642 阅读 · 0 评论 -
CSS 背景属性
1， 背景颜色 属性： background-color 取值： 合法颜色值 注意： 背景颜色是从边框的位置处开始绘制2， 背景图像 属性： background-image 取值： url(图片路径)3， 背景平铺 属性： background-repeat 取值： 1，repeat 默...原创 2019-09-08 19:29:44 · 261 阅读 · 0 评论 -
CSS 框模型 Box-Model
CSS笔记：框模型 Box Mode11， 什么是框模型 框： 页面元素皆为框 框模型：定义元素尺寸和距离的一种计算方式 Box Model: 盒模型，方框属性 包含： 尺寸，边框，外边距，内边距等属性 当狂模型属性介入到元素时，元素的整体占地尺寸会发生改变，计算方式如下 占地宽度=左右外边距+左右边框+左右内边距+宽度 占...原创 2019-09-08 18:23:18 · 821 阅读 · 0 评论 -
CSS-笔记-尺寸与边框
1， CSS支持的尺寸单位 1， px 像素 2， % 占据父元素对应属性的占比 3, in 英寸inch； 1 in = 2.54cm 一般表示硬件尺寸 4, pt 磅point 1pt = 1/72in 一般设置文字大小 计算机中一般设置PPI(Pixel Per Inch)72； 5， cm 厘米 6...原创 2019-09-08 15:54:53 · 507 阅读 · 0 评论 -
CSS学习笔记--DAY1
1， CSS介绍 CSS： Cascading Style Sheets HTML：主要负责搭建网页结构 CSS： 修饰和美化网页 2， CSS的使用方式（重点）： 1， 内联方式（行内样式，内联样式） 特点： 将CSS的内容定义在单独的HTML标签中 语法： <标记 style="样式声明...原创 2019-09-07 18:14:46 · 325 阅读 · 0 评论 -
CSS笔记--CSS选择器
CSS选择器(重点) 1, 作用 规范了页面中哪些元素能够使用声明好的样式 目的：为了匹配页面的元素2, 选择器详解 1， 元素选择器 特点：由标记名称作为选择器，主要匹配页面中指定标记所对应的所有元素 div标记对应所有的div； p标记标记所有的p标记 语法： 标记{...原创 2019-09-07 18:23:05 · 525 阅读 · 0 评论 -
CSS-显示属性
1， 显示方式 1， 什么是显示方式 决定了元素是以什么样的方式显示在网页中；（块级/行内/行内块） 2， 语法结构 属性：display 取值： 1, none 让元素不显示 - 隐藏 脱离文档流，不占据页面空间 2，block ...原创 2019-09-21 18:56:28 · 964 阅读 · 0 评论