#CSS定位

CSS3 transition过渡属性

<ahref="http://www.51dev.com">www.51dev.com</a><!DOCTYPEhtml><html><head><style>div{width:100px;height:100px;background:yell...
开发笔记 ·2023-01-10

css list style type属性怎么用

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

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.内容:盒子里填装的东西,比如文本、图片、表单。内容就是内容,不能再...
开发笔记 ·2022-04-16

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...
代码星球 ·2021-02-25

css毛玻璃效果

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

网页中多个图标在一张图片上,使用css将各图标显示

现在的网页中显示很多图标算是常态,发现项目中页面上用到的图标都是单个图标单个文件,用的时候直接往页面上挂,这确实很常态。如果,网站是挂在外网上,或者网速过低,又大量使用图标的情况下,由于浏览器和服务器的并发连接数是受限的,通常是4~8个,那么图标显示过慢或者超时的情况就会发生。当然了,像采用CDN,或者按照浏览器的并发...

CSS画一个三角形

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta ...
代码星球 ·2021-02-25
首页上一页12345...下一页尾页