Css

CSS中quotes属性以及content的open(close)-quotes属性

quotes属性设置嵌套引用(embeddedquotation)的引号类型。值描述none规定"content"属性的"open-quote"和"close-quote"的值不会产生任何引号。stringstringstringstring定义要使用的引号。前两个值规定第一级引用嵌套,后两个值规定下一级引号嵌套。in...

CSS中的伪元素选择器

伪元素选择器:就是有连续两个冒号的选择器,如::first-line::first-letter、::before和::afterE::first-letter文本的第一个单词或字(如中文、日文、韩文等)E::first-line文本第一行;E::selection可改变选中文本的样式;E::before和E::aft...
代码星球·2020-03-29

CSS中的关系选择器

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

CSS中的选择器

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

CSS世界中的“盒子”

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

Css中的!important

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

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> ...

CSS之少用继承,多用组合

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

css position: absolute、relative详解

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