一、CSS的作用:1.有效的传递页面信息。2...
转载
2018-10-25 16:14:00
194阅读
2评论
一、CSS的作用:1.有效的传递页面信息。2.使用CSS美化过的页面,使得页面更加漂亮,吸引用户。3.可以很好的突出页面的主题内容。4.具有良好的用户体验。二、span标签的作用:自己本身在网页中不起作用,但是可以让某个文字内容凸显出来,方便单独设置内容的样式。三、字体:1.font-family:设置字体的类型,例如宋体、楷体2.font-size:设置字体的大小,例如16px...
原创
2018-10-25 16:13:59
477阅读
介绍 HTML标签元素可以分为块元素和行内元素 分类 块元素 作用:独占一行,可以对其设置宽度、高度、对齐属性。 常用快元素: div、p、h1-h6、ul、li等 行内元素 作用:不独占一行,不能设置宽度、高度,对齐属性。 常用行内元素: span、a 属性 display 作用:让块元素和行内元 ...
转载
2021-09-15 20:11:00
171阅读
2评论
不得不爱过渡(CSS3)案例过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画: 是从一个状态 渐渐的过渡到另外一个状态帧动画:通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
(ಥ_ಥ) 啊啊,我的胃好疼啊。感觉最近胃又开始不舒服了。啊——果然老了呢,想当初,我也是不坏金刚之身来着呢,唉,我的可怜的小胃胃 (ಥ_ಥ) 记录几个已经常见的不能再常见的css3样式。 一、方框的阴影,box-shadowE{
box-shadow: inset horizontal vertical b
转载
2023-07-21 15:31:09
41阅读
一.position属性定位网页元素 1.static :默认值,没有定位。按照标准文档流的方式提现出来 2.relative:相对定位,相对于自身元素原来的位置进行定位 <style type="text/css"> .div01{ position: relative; top: -20px;
原创
2021-08-31 16:21:44
163阅读
css3 实现图片等比例放大与缩小在工作中,经常会碰到图片缩放的情况,比如服务器端返回的图片大小,可能大小不同,有的大,有的小,服务器端返回的图片大小我们不能控制的,但是在我们设计稿的时候,可能会规定每张图片的大小为固定的宽度和高度,比如200px*200px这样的。我们这边使用的是背景图片来做的,但是如果直接使用 img标签这样引入图片貌似不行,因此我们目前只能使用背景图片来做。对于大一点的图片
转载
2023-10-01 11:06:13
139阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型,即可指定为content-box、border-box,这样我们计算盒子大小的方式就发生了改变。可以分成两种情况:1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值,
原创
2020-07-15 09:25:54
791阅读
CSS3过渡效果(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2155阅读
CSS3动画序列(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5122阅读
border-radiusborder-radiusborder-radius是一大堆CSS3属性中最受欢迎的一种,border-radius是CSS3中级 别最高的一个属性。当设计者害怕一个层在将在不同的浏览器之间以不同的方式显示时,CSS圆角,一个很初级的知识,将引导他们开始学习。 我们为移动浏览器提供一个备用的观看体验的想法都非常好。奇怪的是,当这种方法出现在桌面浏览器上时,他们却又不这么认
转载
2023-07-21 15:49:47
34阅读
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
228阅读
1.CSS3的选择器E:last-child 匹配父元素的最后一个子元素E。E:nth-child(n)匹配父元素的
原创
2023-05-19 15:20:26
78阅读
题目点评CSS3的特性那么多该从哪里说起了?很显然这道题目是有陷阱的,你不可能将所有的特性一个不漏的说出来,就算你说出来,别人还认为你是背的了!
转载
2022-05-27 00:05:38
288阅读
CSS基础 《图解CSS》CSS简介[https://www.jianshu.com/p/a42e4ff8b7d6] 《图解CSS》选择器[ht...
原创
2022-03-04 10:40:59
385阅读
新选择器,属性选择器、伪类选择器、层次选择器... 圆角属性border-radius font-face加载服务器端的字体 多列布局column 阴影shadow 弹性盒flex 过渡transition 动画animation 媒体查询@media
原创
2021-07-13 17:15:48
419阅读
css3新增属性有哪些?来提问这个问题的人都应该知道css3是css的升级版本,那么,css3既然是升级版本,自然是会新增一些属性,接下来本篇文章将给大家介绍关于css3中常用的新增属性。 一、css3新增边框属性 1、css3新增属性之border-color:为边框设置多种颜色 p{ borde
转载
2020-10-02 14:19:00
126阅读
2评论
css的伪元素,之所以被称为伪元素,是因为他们不是真正的页面元素,html没有对应的元素,但是其所有用法和表现行为与真正的页面元素一样,可以对其使用诸如页面元素一样的css样式,表面上看上去貌似是页面的某些元素来展现,实际上是css样式展现的行为,因此被称为伪元素。如下图,是伪元素在html代码机构中的展现,可以看出无法伪元素的结构无法审查。css有一系列的伪元素,如:before,:after,
转载
2023-07-25 17:06:47
66阅读
[url]http://www.w3chtml.com/css3/[/url]
原创
2023-05-22 16:47:35
88阅读
css3其实现在的浏览器已经支持得很好了,并且有些属性,原来我之前已经不经意使用过,只是不知道那就是CSS3而已。CSS3跟CSS2相比较,有哪些重大的变化或亮点?一、边框1)圆形边框2)阴影边框3)使用图片装饰边框二、背景1)背景图片可调整大小2)多重背景图片3)背景图片可精确定位在某个区域,CS...
转载
2014-01-17 23:14:00
196阅读
2评论