Gcc_Notepad的博客

1、CSS初始化 为什么初始化CSS呢？ 因为浏览器的兼容问题，不同浏览器对标签的默认值是不同的，如果没有初始化CSS，往往会导致页面在不同浏览器页面在不同浏览器之间出现差异 并且，多数浏览器会默认给初始页面添加上外边距 简单的初始化页面 * { padding: 0; margin: 0; box-sizing: border-box; } 2、display 都有哪些值？ block、inline、inline-block、list-item、table 、 inherit 和 none bl

6、2D转换 转换也是CSS3的特性之一，可以实现元素的位移translate、旋转rotate、缩放scale等效果 所谓2D转换是指二维平面内进行转换 6.1 移动 transform:translate(x, y); /* 或者分开写 */ transform:translateX(n); transform:translateY(n); 注意： translate 不会影响到其它元素的位置，不脱标，但是会覆盖其它元素，类似相对定位 translate 百分比单位是相对自身的 transla

CSS3 就是最新的CSS标准，在原有的CSS基础上，新增了一些特性 只要新增了三种选择器：属性选择器、结构伪类选择器、伪元素选择器，2D、3D转换、动画、盒子模型、过渡等 1、属性选择器 属性选择器可以根据元素特定属性来选择元素，这样就可以不用借助类选择器 或 id选择器 了 就是我们可以自己给标签定义的属性、属性值，不要依靠类选择器和id选择器了 2、结构伪类选择器 注意： nth-child 对父元素里面所有的孩子排序选择（序号是固定的），先找到第n个孩子，然后看看是否和E匹配 nth-.

11、界面样式 常见的界面样式： 更改用户的鼠标样式 表单轮廓 防止表单域的拖拽 解决图片或表单问题 溢出操作 11.1 鼠标样式 cursor li { /* 小手样式 */ cursor: pointer; } 设置在对象上移动时的鼠标样式： default：小白（默认） pointer：小手 ``move：`：移动 text：文本 not-allowed：禁止 11.2 轮廓线 outline 给表单添加 outline:0 或 outline:onne 样式后，就可以去掉默认的蓝

8、背景和阴影 8.1 背景 1、背景颜色 background-color:颜色值; 默认值是 transparent 2、背景图片 background-image: url('...'); 3、背景平铺 当图片面积小于盒子的时候，图片就会自我复制，然后平铺整个盒子，我们可以利用 background-repeat 来设置是否平铺 background-repeat: repeat | no-repeat | repeat-x | repeat-y repeat：平铺，默认值 no-rep

1、CSS 是什么 即层叠样式表，HTML负责结构，而CSS则美化HTML，添加各种样式如：宽高间隔、大小颜色、动画及其他装饰效果 2、引入方式 引入方式共有三种： 行内样式：写在标签元素里面，以 style="" 形式，优先级最高（不推荐，显得太过于复杂） 内联样式：写在 <style></style> 这对标签中，样式少的话直接写在这里 外联样式：写在.css文件中，然后用 <link src=""> 引入样式（推荐，不过还有@import） link 与 @.