#css

css中border-radius

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><tit...
开发笔记 开发笔记·2023-01-16

CSS rotate3d()实例讲解

rotation3d()函数是一个内置函数,用于在3D空间中围绕固定轴旋转元素。用法:rotate3d(x,y,z,angle)参数:该函数接受上述和以下所述的四个参数: x:它包含一个表示x坐标的数字。取值范围是0〜1。y:它包含一个表示y坐标的数字。取值范围是0〜1。z:它包含一个表示z坐标的数字。取值范...
开发笔记 开发笔记·2023-01-16

CSS3 transition过渡属性

<ahref="http://www.51dev.com">www.51dev.com</a><!DOCTYPEhtml><html><head><style>div{width:100px;height:100px;background:yell...

css list style type属性怎么用

csslist-style-type属性用于设置列表项标记的类型,可以通过不同的属性值设置不同的列表项标记。所有浏览器都支持list-style-type属性。  csslist-style-type属性怎么用?list-style-type属性设置列表项标记的类型。可设置的属性值:● none:无...

css标准导航代码

1<!--例子解析:-->-->23<!--list-style-type:none-移除列表前小标志。一个导航栏并不需要列表标记-->4<!--移除浏览器的默认设置将边距和填充设置为0-->5<!--上面的例子中的代码是垂直和水平导航栏使用的标准代码。-->6&l...
开发笔记 开发笔记·2023-01-09

CSS盒子模型(CSS Box Model)

CSSBoxModel,即CSS盒子模型,是一个比较基础的CSS概念。所谓盒子(Div、Span等等都是盒子),其实就是容器的意思,用来填装别的东西。Content:Thecontentofthebox,wheretextandimagesappear.内容:盒子里填装的东西,比如文本、图片、表单。内容就是内容,不能再...

css怎样设置div边框的属性

border-color:#000设置4边边框颜色为黑色;border-color:+颜色值,即可设置对象边框颜色;border-left-color:#000设置左边框颜色为黑色;border-right-color:#000设置右边框颜色为黑色;border-top-color:#000设置上边框颜色为黑色;bor...

css实现div边框阴影

<styletype="text/css">.div_shadow{width:600px;height:450px;border:#9090901pxsolid;background:#fff;color:#333;-ms-filter:"progid:DXImageTransform.Microsoft...

一段css代码让弹窗在页面中居中

一段css代码让弹窗在页面中居中,在CSS文件中加入就可以了。position:fixed;top:50%;left:50%;transform:translateX(-50%)translateY(-50%);-ms-transform::translateX(-50%)translateY(-50%);-moz-t...

css去掉a超链接的下划线

去掉A链接下划线的代码a{text-decoration:none} ...
开发笔记 开发笔记·2021-04-24

前端基础-css(3)

一、文本属性和字体属性(常用的)1、文本属性  text-align:left|right|center|justify(两端对齐,只适用于英文);  /*对齐方式*/  color:色值;  /*文本颜色*/  text-indent:2em; /*首行缩进,建议单位...
代码星球 代码星球·2021-02-25

前端基础-css(2)

一、标准文档流      宏观的将,我们的web页面和ps等设计软件有本质的区别,web网页的制作,是个“流”,从上而下,像“织毛衣”。而设计软件,想往哪里画东西,就去哪里画。      标准文档流下...
代码星球 代码星球·2021-02-25

前端基础-css(1)

一、css的引入方式现在的互联网前端分三层:  HTML:超文本标记语言。从语义的角度描述页面结构。  CSS:层叠样式表。从审美的角度负责页面样式。  JS:JavaScript。从交互的角度描述页面行为CSS:CascadingStyleSheet,层叠样式表。CSS的作用就是给HTML页面标签添加各种样式,定义网...
代码星球 代码星球·2021-02-25

div+css3绘制基本图形

基本图形包括:矩形、圆角矩形、圆形、椭圆形、三角形、值线、弧这些图形的绘制用到了CSS圆角属性,不考虑IE8。下面的实现在chrome浏览器运行通过。 1.矩形比较简单,通过CSS设置宽度、高度、背景色即可。html:<divclass="rectangle"></div>css:.r...

css毛玻璃效果

毛玻璃其实就是磨砂玻璃,能够模糊的看清背后的风景,让人感觉有种朦胧美,让界面看上去有些层次感。比如:高大上啊,接下来肯定是眼馋手痒的过程。。。当然,用ps搞一个全景毛玻璃背景毫无疑问是最省事的,那接下来就没啥事可干了。当然nonono了。毛玻璃无疑就是种模糊了,少不了filterblur。最终效果(chrome):天气...
代码星球 代码星球·2021-02-25
首页上一页12345...下一页尾页