
CSS
文章平均质量分 89
蝼蚁之行
努力只能及格,拼命才能优秀!
展开
-
杂说CSS
1、CSS初始化为什么初始化CSS呢?因为浏览器的兼容问题,不同浏览器对标签的默认值是不同的,如果没有初始化CSS,往往会导致页面在不同浏览器页面在不同浏览器之间出现差异并且,多数浏览器会默认给初始页面添加上外边距简单的初始化页面* { padding: 0; margin: 0; box-sizing: border-box;}2、display 都有哪些值?block、inline、inline-block、list-item、table 、 inherit 和 nonebl原创 2021-03-23 19:59:25 · 177 阅读 · 0 评论 -
CSS3(二)
6、2D转换转换也是CSS3的特性之一,可以实现元素的位移translate、旋转rotate、缩放scale等效果所谓2D转换是指二维平面内进行转换6.1 移动transform:translate(x, y); /* 或者分开写 */transform:translateX(n);transform:translateY(n);注意:translate 不会影响到其它元素的位置,不脱标,但是会覆盖其它元素,类似相对定位translate 百分比单位是相对自身的 transla原创 2021-03-23 19:58:35 · 177 阅读 · 0 评论 -
CSS3(一)
CSS3 就是最新的CSS标准,在原有的CSS基础上,新增了一些特性只要新增了三种选择器:属性选择器、结构伪类选择器、伪元素选择器,2D、3D转换、动画、盒子模型、过渡等1、属性选择器属性选择器可以根据元素特定属性来选择元素,这样就可以不用借助类选择器 或 id选择器 了就是我们可以自己给标签定义的属性、属性值,不要依靠类选择器和id选择器了2、结构伪类选择器注意:nth-child 对父元素里面所有的孩子排序选择(序号是固定的),先找到第n个孩子,然后看看是否和E匹配nth-.原创 2021-03-23 19:55:15 · 95 阅读 · 0 评论 -
CSS基础(三)
11、界面样式常见的界面样式:更改用户的鼠标样式表单轮廓防止表单域的拖拽解决图片或表单问题溢出操作11.1 鼠标样式 cursorli { /* 小手样式 */ cursor: pointer;}设置在对象上移动时的鼠标样式:default:小白(默认)pointer:小手``move:`:移动text:文本not-allowed:禁止11.2 轮廓线 outline给表单添加 outline:0 或 outline:onne 样式后,就可以去掉默认的蓝原创 2021-03-22 19:42:49 · 441 阅读 · 0 评论 -
CSS基础(二)
8、背景和阴影8.1 背景1、背景颜色background-color:颜色值;默认值是 transparent2、背景图片background-image: url('...');3、背景平铺当图片面积小于盒子的时候,图片就会自我复制,然后平铺整个盒子,我们可以利用 background-repeat 来设置是否平铺background-repeat: repeat | no-repeat | repeat-x | repeat-yrepeat:平铺,默认值no-rep原创 2021-03-22 19:42:09 · 144 阅读 · 0 评论 -
CSS基础(一)
1、CSS 是什么即层叠样式表,HTML负责结构,而CSS则美化HTML,添加各种样式如:宽高间隔、大小颜色、动画及其他装饰效果2、引入方式引入方式共有三种:行内样式:写在标签元素里面,以 style="" 形式,优先级最高(不推荐,显得太过于复杂)内联样式:写在 <style></style> 这对标签中,样式少的话直接写在这里外联样式:写在.css文件中,然后用 <link src=""> 引入样式(推荐,不过还有@import)link 与 @.原创 2021-03-22 18:38:58 · 185 阅读 · 0 评论