二、css3和css2的区别css3在原有的基础上新增了很多css属性选择器,伪类选择器,伪对象选择器以及动画H5=html5 + css3 +js大前端:js1.内减模式可以将padding内边距和边框带来增大盒子的影响去掉语法:box-sizing:border-box;<head><meta charset="utf-8"><title>...
原创
2021-08-18 02:04:25
226阅读
二、css3和css2的区别css3在原有的基础上新增了很多css属性选择器,伪类选择器,伪对象选择器以及动画H5=html5 + css3 +js大前端:js1.内减模式可以将padding内边距和边框带来增大盒子的影响去掉语法:box-sizing:border-box;<head><meta charset="utf-8"><title>...
原创
2022-03-02 17:29:44
390阅读
六. 复合选择器 建立在基础选择器上,对基础选择器进行组合形成的,分为4种 1. 后代选择器 用空格隔开 可以选择父元素里面的子元素,写法是把外层标签写在前面,内层标签写在后面,中间用空格分隔 当标签发生嵌套时,内层标签就是外层标签的后代 语法:元素1 元素2 { 样式声明 } 指的是选中元素1的所 ...
转载
2021-10-17 00:19:00
118阅读
2评论
2、 CSS 框模型 2.1 CSS 框模型概述 CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和
原创
2023-07-19 17:40:13
86阅读
在上一篇中我们提到学习HTML5要具备CSS的知识,在页面设计的时候HTML5知识页面的布局与结构,要实现一个很绚丽漂亮的界面就需要借助CSS。下面我们先来回顾一下css2的基本用法,再来看看和css3的关系与区别。1、css是什么?cascading stylesheet(级联样式表),为网页提...
转载
2013-12-29 13:56:00
62阅读
来自:://blog..net/dawanganban/article/details/17653149在上一篇中我们提到学习HTML5要具备CSS的知识,在页面设计的时候HTML5知识页面的布局与结构,要实现一个很绚丽漂亮的界面就需要借助CSS。下面我们先来回顾一下css2的基本...
转载
2015-09-21 11:30:00
56阅读
CSS的选择器和CSS3的选择器对比在以前的CSS里面的选择器:注意:在CSS3里面的选择器:没有提到的相邻选择器:在CSS3里面新增的兄弟选择符在CSS3里面新增的属性选择器在CSS3里面新增的伪类选择器 这里我说的CSS就是在CSS3之前的的版本的CSS1和CSS2,到现在没有人就会这么去叫CSS1或CSS2。在以前的CSS里面的选择器:css里面的基本选择器有:ID选择器就是在元素(标签)
转载
2024-02-09 10:39:52
37阅读
CSS背景属性 属性 描述 值 IE F N W3C background 简写属性,作用是将背景属性设置在一个声明...
转载
2008-06-23 16:59:00
95阅读
2评论
接下来给大家总结一下前端面试题,大家可以眼熟一下,总结的不是很多,后续还会持续更新。 一.html、css面试题 HTML和HTML5有什么区别?主要有三个区别:1、文档声明区别1.HTML:超文本标记语言,一种纯文本类型的语言。2.HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。2、结构语义区别1.html:没有体现结构语义化的标签,如:<div
转载
2024-01-11 20:12:41
73阅读
文章目录1、CSS基础1.1 CSS简介1.2 CSS编写位置1.2.1 行内样式1.2.2 内部样式1.2.3 外部样式1.2.4 样式优先级1.2.5 CSS代码风格2、CSS选择器2.1
原创
2024-05-29 11:17:00
69阅读
HTML和HTML5的区别:其实说白了,就是ES5和ES6的区别,无非就是换汤不换药,其实这个说法也不太对,是加了一些调料而已,HTML是前端搭建页面的必须品,但是随着人们开发的需求和速度,后期维护和代码可读性,各个方面的需求不断增加,会发现HTML里面的一些标签满足不了,所以就更新换代,不断的更具需求整合添加了一部分新的元素标签进来,这些标签的加入大大增加了代码的可读性,结束了一个div写这个页
转载
2023-07-12 17:38:38
138阅读
css3中的transform中有旋转,放缩,倾斜,平移的功能,分别对应的属性是:rotate,scale,skew,translate旋转:(rotate)-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:...
转载
2014-07-28 11:08:00
127阅读
2评论
我以前一直以为旋转跟翻转一样,今日自己旋转了好久都发觉跟翻转差一点点,纠结了十几分钟才明白,只能怪自己的立体感太差了。 css3中的transform中有旋转,放缩,倾斜,平移的功能,分别对应的属性是:rotate,scale,skew,translate 旋转:(rotate) 翻转:(scale
转载
2016-05-07 23:11:00
114阅读
2评论
css3中的transform中有旋转,放缩,倾斜,平移的功能,分别对应的属性是:rotate,scale,skew,translate 旋转:(rotate)-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg); 翻转:(scale) (这个属性是放缩的功能,怎么能翻转的!原来括弧里面(1,1)前者表示X轴,后者表示Y轴,当数字大于1时放大,大于0并小于1时缩小,负数代表翻转) 水平翻转:-webkit-transform:scale(-1,1);-...
原创
2021-08-04 17:38:39
237阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画: 是从一个状态 渐渐的过渡到另外一个状态帧动画:通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
228阅读
我以前一直以为旋转跟翻转一样,今日自己旋转了好久都发觉跟翻转差一点点,纠结了十几分钟才明白,只能怪自己的立体感太差了。 css3中的transform中有旋转,放缩,倾斜,平移的功能,分别对应的属性是:rotate,scale,skew,translate 旋转:(rotate)[cs...
转载
2015-05-10 12:23:00
287阅读
2评论
CSS基础 《图解CSS》CSS简介[https://www.jianshu.com/p/a42e4ff8b7d6] 《图解CSS》选择器[ht...
原创
2022-03-04 10:40:59
385阅读
让青春吹动了你的长发2D变形(CSS3) transform移动 translate(x, y)缩放 scale(x, y)旋转 rotate(deg)transform-origin可以调整元素转换变形的原点倾斜 skew(deg, deg)案例总预览放大缩放旋转旋转的楚乔特效2D变形(CSS3) transformtransform是CSS3中具有颠覆性的特征之一,
原创
2020-07-15 10:53:22
498阅读
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。 CSS 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。 CSS 是用来表现HTML或XML的标记语言。 CSS语法由三部分构成:选择器、属性和值: selector {property: value}CSS3 是最新的 CSS 标准。 css3比css多了一些样式设置而已。 css3是向
转载
2023-11-09 00:47:40
148阅读