前端开发HTML&css入门——伪类选择器和一些特殊的选择器
伪类和伪元素 有时候，你需要选择本身没有标签，但是仍然易于识别的网页部位，比如段落首行或鼠标滑过的连接。CSS为他们提供一些选择器：伪类和伪元素。 常用的一些伪类选择器： :link :visited :hover ...
原文：[CSS]利用伪元素实现一些特殊图形
给定的html代码是： lt div class square gt lt div gt 平常实现我们常是通过添加小的icon来实现，不仅需要添加图片资源，还需要改动html结构。 CSS伪元素 css中伪元素有四个，分别是:first line,:first letter,:before,:after。其中前两个分别选择的是目标元素内第一行文本和第一个字母，可以为其添加多余样式。 而最常用的就 ...
2014-10-17 00:34 0 4988 推荐指数：
相关推荐
利用伪元素实现元素居中
效果： 代码： 效果： 代码： 只有inline-block，inline还有table的东西能用ve ...
利用伪元素和css3实现鼠标移入下划线向两边展开效果
一、思路： 将伪元素:before和:after定位到元素底部中间，设置宽度从0变成100%达到目的。 二、实现： 1、首先定义一个块状元素（行内元素没有宽高）并修改样式为一个背景色为浅灰色的矩形，设置相对定位。 html代码 <div id="underline ...
css实现背景分割为多种颜色及一些特殊的背景设置
<!DOCTYPE html> <html lang="en"> <head> ...
CSS的content属性，加入一些特殊字符来实现网页效果
今天在做开发的时候，需要用到CSS的content属性，加入一些特殊字符来实现网页效果。但是特殊字符那么多，怎么可能记得住，所以谷歌百度搜索之后找到了一个比较全的，在这里进行归纳备忘，为了和我有相同需求的童鞋以及自己日后再用到的时候提供方便。 因为这些字符属于unicode字符集 ...
css伪类与伪元素
css选择器常见包括id（#id）、标签（tag）、class（.class）、属性[attr=attrval]等，还包括伪元素和伪类选择器。正确的利用伪元素和伪类能够让我们的html结构更清晰合理，也能在一定程度上减少js对dom的操作！ 定义 伪类包含两种：状态伪类和结构性伪类。 状态伪 ...
学习CSS之用CSS绘制一些基本图形
一、三角形 如下图，通过设置 border 的大小和颜色可以形成四个三角形： 上图对应的代码为： /* 三角形 */ .triangle ...
利用CSS hover伪类改变其他元素的总结
:hover 伪类经常用于页面的一些鼠标交互、链接点击变化，增强页面的用户体验，但是可以用来改变其他元素样式，可以在不使用JS 的情况下，达到想要的页面效果。 1、hover改变自身的效果： 鼠标悬浮改变样式： HTML CSS 2、hover改变子元素 ...