CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/04 CSS

对于浏览器兼容问题，我们应该碰到很多了，在平时写一些页面时，在IE8、IE9上可能好好的，当我们在IE6、IE7或者是其他的浏览器上再浏览这些页面时，可能会发现我们的页面已经面目全非了，作为一名前端开发人员，这是最让人发疯的问题了，那么我们该怎么解决这些问题呢？...

前端技术 2023/09/04 CSS

这是一款使用纯CSS3制作的单页切换导航菜单界面设计效果。该页面效果中，在页面的左侧垂直排放一组导航按钮，当点击导航按钮时，相应的页面会从屏幕右侧滑动出来，效果非常炫酷。使用方法 HTML结构该单页切换导航菜单界面的HTML结构如下： XML/HTML Code复...

CSS伪类和伪元素的区别详解

前端技术 2023/09/04 CSS

首先，阅读 w3c 对两者的定义： CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。伪类种类伪元素...

前端技术 2023/09/04 CSS

当人们将接触CSS布局的时候倾向于使用Position。Positoin似乎是一个很容易掌握的概念。从表面上来看，你只要精确指定了一个块所处的位置，它就会坐落在那里。然而定位比你刚接触时要更复杂一些。这里有几件事会绊倒一个新手，所以在熟练使用之前需要掌握它们。 ...

纯css3实现图片翻牌特效

前端技术 2023/09/04 CSS

大家先看下效果演示：是不是非常不错，下面把实现代码分享给大家。复制代码代码如下:<!doctype html><html><head><meta charset=\"utf-8\"><title>css3 翻牌&...

前端技术 2023/09/04 CSS

在网上找了一下，发现很多都是转载以下代码版本的，但是发现这个代码只能文本居中，table、图片是不行的；复制代码代码如下: <div style=\"text-align:center;\"> <div style=\"margin:0 auto;\"&gt...

前端技术 2023/09/04 CSS

如题，看例子：复制代码代码如下: <p class=\"style2 style1\">Here gose the content....</p> css文件中：复制代码代码如下: .style1 { color: red;} .st...

CSS的一些圆角图形实例分享

前端技术 2023/09/04 CSS

这是比较流行的CSS圆角，制作方法和理解都有困难，但看完这篇文章，就能掌握这种方法。先看效果：制作方法为了更好的理解，先用简单的代码为例。 XHTML代码： XML/HTML Code复制内容到剪贴板 <b class=\"top\"> <b c...

前端技术 2023/09/04 CSS

IE6及其以下版本可见  IE7及其以下版本可见 <!--[if IE 6]&gt...

用SMACSS规范来编写CSS

前端技术 2023/09/04 CSS

这是一个相对繁杂的CSS理论，分为Base、Layout、Module、Status和Theme共五个部分。不过它的核心思想仍然和OOCSS类似，鼓励使用class。 1. Base 基本属性基础属性很容易理解，就是最基本的东西，很多样式简单的网站都采用一个简单的二级CSS文...

关闭

我的博客