CSS主题的文章列表，还有CSS的技术要点_第115页

CSS中的伪元素选择器

伪元素选择器：就是有连续两个冒号的选择器，如::first-line::first-letter、::before和::afterE::first-letter文本的第一个单词或字（如中文、日文、韩文等）E::first-line文本第一行；E::selection可改变选中文本的样式；E::before和E::aft...

代码星球 ·2020-03-29

CSS中的选择器

选择器是用来瞄准目标元素的东西。元素选择器：指使用html元素直接进行目标定位的选择器。类选择器：指以“.”这个点号开头的选择器。很多元素可以应用同一个类选择器。“类”，天生就是被公用的命。ID选择器：“#”打头，权重相当高。ID一般指向唯一元素。...

代码星球 ·2020-03-29

CSS中的关系选择器

关系选择器是指根据与其他元素的关系选择元素的选择器，常见的符号有空格、>、~，还有+等，这些都是非常常用的选择器。后代选择器：选择所有合乎规则的后代元素。空格连接。相邻后代选择器：仅仅选择合乎规则的儿子元素，孙子、重孙元素忽略，因此又称“子选择器”。>连接。适用于IE7以上版本。兄弟...

代码星球 ·2020-03-29

Css中的!important

转载自：https://www.cnblogs.com/cang12138/p/7326280.html!important为开发者提供了一个增加样式权重的方法，比直接在元素的style属性中设置CSS声明还要高，一般用在CSS覆盖JavaScript设置上。<!DOCTYPEHTML><html&g...

代码星球 ·2020-03-29

CSS世界中的“盒子”

1、块级元素HTML标签通常被分为两类：块级元素和内联元素。“块级元素”和“display为block的元素”不是同一个概念。例如<li>元素默认的display值为list-item，<table>元素默认的display值为table，但它们都...

代码星球 ·2020-03-29

CSS3中resize属性

说明：resize属性是指定一个元素是否可由用户调整大小的。语法：resize:none|both|horizontal|verticalnone：用户不可一调整元素的尺寸（默认值）both:用户可调整元素的高度和宽度horizontal：用户可调整元素的宽度vertical：用户可调整元素的高度例子：<!DOC...

代码星球 ·2020-03-29

CSS3-transition

1、transition代表css3中的过渡，可以使元素从一种样式逐渐改变为另一种的效果。2、transition:height2s;表示需要渐变的是元素高度height,渐变时间是2s。transition还有其他参数如下图：3、-moz-,-webkit-,-o-这三个是厂商前缀，不同浏览的厂商,因为不同浏览器有不...

代码星球 ·2020-03-29

css3中-moz、-ms、-webkit、-o

-moz代表firefox浏览器私有属性-ms代表IE浏览器私有属性-webkit代表chrome、safari私有属性-o代表opera私有属性...

IT猿 ·2020-03-28

css详解3

推荐学习链接：css盒模型 1.1、pading<htmllang="en"><head><metacharset="UTF-8"><style>#box{width:200px;heigh...

IT猿 ·2020-03-28

css详解4

固定定位，页面内容多，页面滚动起来，才能看到固定定位效果。比如下面这个，随之滚动条滚动它一直在右边。比如固定导航栏，小广告，回到顶部，应用在这些地方。一直固定位置不变的。首先让页面能滚动起来<htmllang="en"><head>&l...

IT猿 ·2020-03-28

css详解1

1.1、行内引入<divcolor:#800000;">"color:red;">魔降风云变</div> <html><head><metacharset="UTF-8"></head><body><div&...

IT猿 ·2020-03-28

CSS使用学习总结

尽量少使用类,因为可以层叠识别,如:.Newsh3而不必在h3上加类 <divclass=”News”> <h3></h3> <h2></h2> <p></p> ...

IT猿 ·2020-03-28

css position: absolute、relative详解

CSS2.0HandBook上的解释：设置此属性值为absolute会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同z-index属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁(margin)，但仍有内补丁(padding)和边框(...

IT猿 ·2020-03-28

CSS之少用继承，多用组合

下面是一段普通的代码: css: .box{ border:1pxsolid#ccc; font-size:12px; background:#f1f1f1; padding:10px; }html：<divclass="box">thi...

IT猿 ·2020-03-28

详细分析css float 属性以及position:absolute 的区别

1.float属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在CSS中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。div一个典型的块级元素，会单独占据一行。先看看最基本的块级元素如何排列的。html代码，以下样式都是基于此。<divclass="box...

IT猿 ·2020-03-28