Tag: Css

2024

基礎CSS

 0
Technology

CSS的基礎用法

border-radius利用 border-radius 制作半个圆的方法： 123456element { width: 50px; height: 100px; border-radius: 50px 0 0 50px; background: green;} box-shadow参数介绍：box-shadow: X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半

Media Queries

 0
Technology

CSS的Media Queries

Media Queries（媒体查询）在实际中，媒体类型有近十种之多，但常用的只有几种。媒体类型的引用方法也有多种，常见的有：link 标签、@import 和 CSS3 新增的 @media。 link 方法使用 link 方法引入媒体类型是在 <link> 标签中引用样式时，通过 link 标签的 media 属性来指定不同的媒体类型。示例如下： 12<link rel=&q

Responsive CSS

 0
Technology

CSS的Responsive设计

Responsive设计（一）什么是响应式设计呢？维基百科是这样对响应式作的描述：“Responsive设计简单的称为RWD，是精心提供各种设备都能浏览网页的一种设计方法，RWD能让你的网页在不同的设备中展现不同的设计风格。”从这一点描述来说，RWD不是流体布局，也不是网格布局，而是一种独特的网页设计方法。 响应式设计要考虑元素布局的秩序，而且还需要做到“有求必应”，那就需要满足以下三个条件：网站