![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
梦见憨憨丽吖
这个作者很懒,什么都没留下…
展开
-
HTML CSS整理笔记(四)
今天跟小常来给大家继续说一下HTML CSS整理笔记吧!一起来最后跟我继续学习复习下吧,一起加油吧!小常说一下:灵感喜欢光顾勤劳的人,懒惰人不会遇到他什么是“置换元素”?置换元素会根据标签属性来显示的元素。反之就是非置换元素了。如img根据src属性来显示,input根据value属性显示,因此可知img和input是置换元素,同理textarea、 select也是置换元素。———...原创 2019-11-26 20:20:30 · 196 阅读 · 0 评论 -
HTML CSS整理笔记(三)
今天跟小常来给大家继续说一下HTML CSS整理笔记吧!一起来跟我继续学习复习下吧,一起加油吧!小常说一下:命运要你成长的时候,总会安排一些让你不顺心的人或事刺激你.这是规律.————8 定位网页元素————51.Position属性:指定盒子的位置,相对它父级的位置或它自身应该在的位置。(1)static 默认无定位,元素按照标准文档布局。(2)relative相对定位a.特性:...原创 2019-11-25 16:32:26 · 289 阅读 · 1 评论 -
HTML CSS整理笔记(二)
今天跟小常来给大家继续说一下HTML CSS整理笔记吧!一起来继续学习复习下吧,一起加油吧!小常说一下:今天要做的事不要等到明天,该自己做的事不要让别人做——5 CSS3美化网页——32.CSS3设置文本样式:(1)标签:用来设置行内元素(或几个文字)的样式。(2)字体样式:font-size:常用单位pxfont-family:若同时设中英文字体,英文字体要设置在中文字体前面...原创 2019-11-24 18:04:49 · 304 阅读 · 0 评论 -
HTML CSS整理笔记(一)
今天跟大家说一下HTML CSS整理笔记吧一起来学习复习下吧,一起加油吧!小常说一下:只为成功想办法,不为失败找理由从这里往下是分类整理,一下子可能总结不完成,我会连续总结完的,那么接下来跟小常一起学习吧!1.除IE外通用写法类名或标签名::placeholder {color: red;}2.加兼容前缀写法css超出一行显示省略号:给定宽度(width:100px)、超出隐藏...原创 2019-11-23 20:17:16 · 273 阅读 · 0 评论 -
非常全的CSS效果大全呦
今天给大家说一下非常全的CSS效果大全呦!仔细记好!并练习呦!小常说一下:对自己狠一点,逼自己努力,再过五年你将会感谢今天发狠的自己、恨透今天懒惰自卑的自己。我始终相信一句话:只有自己足够强大,才不会被别人践踏。/* animation */.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-ani...原创 2019-11-23 00:11:29 · 738 阅读 · 1 评论 -
CSS3 3D 转换
今天跟大家说一下CSS3 3D 转换吧一起来学习下吧小常说一下:有时候,生活不免走向低谷,才能迎接你的下一个高点3D 转换CSS3 允许您使用 3D 转换来对元素进行格式化。在这之中,大家跟小常将学到其中的一些 3D 转换方法:rotateX()rotateY()点击下面的元素,来查看 2D 转换与 3D 转换之间的不同之处:浏览器支持表格中的数字表示支持该属性的第一个浏览...原创 2019-11-21 22:06:19 · 192 阅读 · 0 评论 -
CSS3 2D 转换和实例
今天跟大家说一下CSS3 2D 转换吧一起来学习下吧小常说一下:态度决定高度,思路决定出路,细节关乎命运CSS3 转换CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。它是如何工作?转换的效果是让某个元素改变形状,大小和位置。您可以使用 2D 或 3D 转换来转换您的元素。鼠标移动到以下元素上,查看 2D 和 3D 的转换效果:浏览器支持表格中的数字表示支持该属性...原创 2019-11-20 21:00:07 · 204 阅读 · 0 评论 -
CSS3 多媒体类型和实例
让我们今天继续来学习CSS3 多媒体类型和实例 的教程吧 。一起努力吧!加油啊!!小常说一下:发光并非太阳的专利,你也可以发光CSS3 多媒体查询CSS2 多媒体类型@media 规则在 CSS2 中有介绍,针对不同媒体类型可以定制不同的样式规则。例如:你可以针对不同的媒体类型(包括显示器、便携设备、电视机,等等)设置不同的样式规则。但是这些多媒体类型在很多设备上支持还不够友好。...原创 2019-11-18 20:50:20 · 518 阅读 · 0 评论 -
CSS3 动画
突然被发现CSS没有发完接下来跟我复习和补发一下CSS没有发过的一些知识和实例吧让我们今天继续来学习CSS3 动画 的教程吧 。一起努力吧!加油啊!!小常说一下:生活的理想,就是为了理想的生活CSS3 动画CSS3 可以创建动画,它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。CSS3动画CSS3 @keyframes 规则要创建 CSS3 动...原创 2019-11-18 20:08:50 · 127 阅读 · 0 评论 -
CCS总结和一些实例(三)
今天给大家一起再来总结一下CSS 和一些实例吧!小常说一下:我不是幸运,我只是敢争取自己应得的。昨天我们又总结回顾了下CSS,还是没有弄完,所以今天最后把CSS实例总结完成吧,一起加油吧!那么等学完CSS,下一步开始学习什么呢?让我们下一步应该来学习 JavaScript 。JavaScriptJavaScript 是最流行的语言之一。JavaScript 是属于 web 的语言,...原创 2019-11-12 20:27:51 · 751 阅读 · 0 评论 -
CCS总结和一些实例(二)
今天给大家一起再来总结一下CSS 和一些实例吧!小常说一下:你要储蓄你的可爱,眷顾你的善良,变得勇敢,当这个世界越来越坏时,只希望你能越来越好。昨天我们先总结回顾了下CSS,没有弄完,今天让我们继续把CSS实例总结一下吧,一起加油吧!其次让我们来看一下CSS的实例吧:练习:实例如下:CSS链接为访问/未访问链接添加不同的颜色;<!DOCTYPE html><h...原创 2019-11-11 18:39:40 · 384 阅读 · 0 评论 -
CCS总结和一些实例(一)
今天给大家一起总结一下CSS 和一些实例吧!小常说一下:我的生活不曾取悦我,所以我创造了自己的生活—— 可可·香奈儿CSS 概要前面我们已讲解了如何创建样式表来同时控制多重页面的样式和布局。已经学会如何使用 CSS 来添加背景、格式化文本、以及格式化边框,并定义元素的填充和边距。同时,也学会了如何定位元素、控制元素的可见性和尺寸、设置元素的形状、将一个元素置于另一个之后,以及向某些选...原创 2019-11-10 20:57:52 · 1395 阅读 · 1 评论 -
CSS的优势(优点、好处)和一些实例
今天给大家一起学习一下CSS的优势(优点、好处)和一些实例吧!小常说一下:天使告诉我,其实每个人都有一双隐形的翅膀,只要我们努力展翅飞翔,终有遨游天际的那天,朋友,让我们一起努力,共创美好明天!学习不是一朝一夕的事情,需要平时积累,需要平时的勤学苦练。CSS的优势(优点、好处)CSS3 是 CSS 规范的最新版本,在 CSS2.1 的基础上增加了很多强大的新功能,以帮助开发人员解决一些实...原创 2019-11-09 15:16:59 · 2702 阅读 · 0 评论 -
CSS 样式优先级和一些实例
今天给大家一起学习一下CSS 样式优先级和一些实例吧!小常说一下:不要沉沦,在任何环境中你都可以选择奋起.一起加油吧!如果按照 CSS 的来源,可以将网页定义的样式分为 4 种:HTML 默认样式;作者(网站开发者/程序员)定义的样式;用户(网站使用者)设置的样式;浏览器默认样式。原则上讲,作者定义的样式优先于用户设置的样式,用户设置的样式优先于浏览器的默认样式,而浏览器的默认样式...原创 2019-11-08 16:58:53 · 839 阅读 · 0 评论 -
如何创建 CSS
今天给大家一起学习一下如何创建 CSS吧!小常说一下:累了可以休息,但跟放弃没关系。除了自己,任何人都无法给你力量。一起 加油吧!如何插入样式表当读到一个样式表时,浏览器会根据它来格式化 HTML 文档。插入样式表的方法有三种:外部样式表(External style sheet)内部样式表(Internal style sheet)内联样式(Inline style)外部样式表...原创 2019-11-07 18:25:19 · 251 阅读 · 0 评论 -
CSS列表,定位和实例
列表1、列表项显示标识属性:list-style-type取值:none… …2、列表项图像属性:list-style-image取值:url()3、列表项位置属性:list-style-position取值:outside :默认值inside :列表项区域之内4、列表属性属性:list-style取值:type url positioin 常用方式:list-...原创 2019-11-06 19:07:37 · 361 阅读 · 0 评论 -
CSS基础语法高级语法和一些简单示例
CSS 基础语法今天让我们来看看基础语法吧!请跟小常一起回顾学习下吧!CSS 语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。selector {declaration1; declaration2; ... declarationN }选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(s...原创 2019-11-05 12:27:03 · 243 阅读 · 0 评论 -
CSS浮动和显示实例
1、浮动1、定位1、什么是定位元素该出现在网页的哪个位置处2、定位方式1、普通流定位2、浮动定位3、相对定位4、绝对定位5、固定定位3、普通流定位又称为 文档流定位网页元素默认定位方式页面元素块级元素-从上到下的方式排列行内元素-从左到右的方式排列 <body> <div id="d1">Hello</div&...原创 2019-11-04 23:01:54 · 331 阅读 · 0 评论 -
CSS 渐变与文本格式化
CSS 渐变(Gradients)渐变效果CSS 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的时间和宽带的使用。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器生成的。CSS 定义了两种类型的渐变(gradients):...原创 2019-11-03 14:01:56 · 345 阅读 · 0 评论 -
CSS边框,框模型与实例
边框元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。CSS border 属性允许你规定元素边框的样式、宽度和颜色。CSS 边框在 HTML 中,我们使用表格来创建文本周围的边框,但是通过使用 CSS 边框属性,我们可以创建出效果出色的边框,并且可以应用于任何元素。元素外边距内就是元素的的边框 (border)。元素的边框就是围绕元素内容和内边据的一条或多条线。每个...原创 2019-11-02 14:48:31 · 528 阅读 · 0 评论 -
CSS尺寸与边框与实例
CSS尺寸与边框1、CSS单位1、尺寸单位1、%占据父元素尺寸的占比2、in英寸,1in=2.54cm3、cm厘米4、mm毫米5、px像素,计算机屏幕上的一个点6、pt(point)磅/点1pt=1/72in7、em1em 相当于 当前字体尺寸2em 相当于 当前字体尺寸的2倍注意:css中描述尺寸的单位是不能省略的。2、颜色单位1、rgb(r,g,b)...原创 2019-11-01 20:32:50 · 296 阅读 · 0 评论 -
CSS语法和实例
CSS语法1、CSS样式表特征1、继承性大多数CSS属性是可以被继承的2、层叠性可以为一个元素定义多个样式规则多个样式规则中,如果样式声明不重复的话,那么则可以层叠为一个样式规则3、优先级样式定义冲突(重复)时,会按照不同样式的优先级来应用样式低:浏览器缺省设置(User Agent)中:外部样式表或内部样式表就近原则高:内联样式注意:继承的样式和自定义样式冲突时,永远都...原创 2019-10-31 16:17:30 · 194 阅读 · 0 评论 -
CSS概述和实例
CSS概述1、问题1、设置页面中所有的文本颜色为红色2、页面中所有的div里面的文本的颜色变为 蓝色3、页面中所有的div里面的文本的颜色变为 绿色如下代码为实例:<!DOCTYPE html><html> <head> <title>标题</title> <meta charset="...原创 2019-10-30 10:35:53 · 298 阅读 · 0 评论