CSS 中文开发手册 设备高度 | @media.device-height (Media Queries) - CSS 中文开发手册 @media.device-height 弃用 此功能已从Web标准中删除。虽然有些浏览器可能仍然支持它,但它正在被删除的过程中。如果可能,请避免使用它并更新现有代... ...
分类:
Web程序 时间:
2020-07-04 01:05:35
阅读次数:
68
CSS 中文开发手册 表格布局 | table-layout (Miscellaneous Level 2) - CSS 中文开发手册 该table-layoutCSS属性指定用于铺陈算法单元格,行和列。 /* Keyword values */table-layout: auto;table-la... ...
分类:
Web程序 时间:
2020-07-04 01:03:59
阅读次数:
79
CSS 中文开发手册 背景重复 | background-repeat (Backgrounds & Borders) - CSS 中文开发手册 background-repeatCSS属性定义背景图像的重复方式。背景图像可以沿着水平轴,垂直轴,两个轴重复,或者根本不重复。 本文标题:背景重复 | ... ...
分类:
Web程序 时间:
2020-07-04 01:03:34
阅读次数:
64
CSS 中文开发手册 背景来源 | background-origin (Backgrounds & Borders) - CSS 中文开发手册 background-origin规定了指定背景图片background-image属性的原点位置的背景相对区域. 本文标题:背景来源 | backgro... ...
分类:
Web程序 时间:
2020-07-04 00:59:51
阅读次数:
78
一.css 1.伪元素选择器 html代码: <div> 吟诗作对! </div> css写法 div{ background-color: pink; height: 100px; width: 200px; } div:after{ content: '?'; color:white; } di ...
分类:
编程语言 时间:
2020-07-03 23:20:03
阅读次数:
77
一.css 1.css样式引入方式 (1)第一种 head标签中引入 <style> /* 选择器{css属性名称:属性值;css属性名称:属性值;} */ div{ /* css注释 */ width: 200px; height: 200px; background-color: red; } ...
分类:
编程语言 时间:
2020-07-03 23:18:16
阅读次数:
62
在设计图会经常使用到的阴影效果,如何用css3来实现呢?这篇文章主要整理box-shadow的一些好看常用的投影效果。 1、曲面/椭圆投影效果: 代码如下: <style> .shadow_wrap{ width: 100%;background:#E6EEF6;max-width: 600px;m ...
分类:
Web程序 时间:
2020-07-03 21:37:09
阅读次数:
166
效果图如下: 友情提示:本篇文章只是用来熟练掌握css样式和布局能力,空闲时间不妨敲一遍,增加一些体验,我也不算白敲一遍。。 是不是有点心动呢?接下来请看具体步骤: 首先先把HTML部分先写完,做出整体的结构: <div class="baymax"> <!-- 定义头部 眼睛、嘴巴 --> <di ...
分类:
其他好文 时间:
2020-07-03 21:28:50
阅读次数:
97
当我们在浏览一些网站时发现,里面含有一些十分个性的字体,这些字体并不是我们电脑上安装的字体。那么css是如何实现自定义字体的呢? 资源网站大全https://55wd.com 在css3中可以通过@font-face模块,把自己定义的Web字体嵌入到你的网页,web设计师可以使用他们喜欢的任意字体, ...
分类:
Web程序 时间:
2020-07-03 21:27:10
阅读次数:
86
.fullscreen { position: fixed; top: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; background-color: #1a1a1a; } .screen-content { width: 95%; ...
分类:
Web程序 时间:
2020-07-03 21:22:11
阅读次数:
78