关于CSS3的代码总结(部分)_html/css_WEB-ITnose
Property:value;
Property:value;
}
Selector是需要更改样式的元素,property为css属性的名称,value应用的哪种格式
2. /* 注释 */
3. 当规则发生冲突时,服务器优先选择特殊性强的;靠后出现的;带有!important的
4. CSS属性的值可分为:继承值(在value处输入inherit),预定义值(left,right,none),长度或者百分数,纯数字,颜色
5. CSS颜色分为:RGB(color:rgb(红,绿,蓝))(均用0~255数字表示);十六进制数(color:#红色绿色蓝色)(蓝色可转化为十六进制);RGBA(红色,绿色,蓝色,透明度)(透明度用0~1之间的小数表示,其中1表示完全不透明);HSL(色相,饱和度,亮度)(色相用0~360之间的数,其余两项用百分数);HSLA(色相,饱和度,亮度,透明度)
6. 把相应的规则打到制定文本中,以.css结尾保存来创建外部样式表
7. 链接外部样式表:在head部分输入(rel属性和href之间有空格,结尾有一个空格)
8. 创建嵌入样式表:在head部分输入(中间添加任意数量的样式规则)
9. 应用内联样式:在需要进行格式化元素开始的标签中输入style=””(中间可以添加任意数量的样式规则,用分号隔开)
10. 样式层叠和顺序规则:在其他条件相同的条件下,越晚的样式优先性越高(内联样式会覆盖与之冲突的其他样式)
11. 与媒体相关的样式表:1)在link或者style开始标签中输入media=”print/screen/all”;
2)直接输入@media print/screen/all{}(中间添加样式,用分号隔开)
12. 构造选择器:
1) 依据元素的类型或名称。
格式:要选择的元素的名称(例:h1){属性的名称;应用的格式;}(例color;red)
2) 依据元素所在的上下文。
格式:上下文(例 h1)要选择的元素的名称(例em){属性的名称;应用的格式;}
a) 在样式表中输入ancestor(要格式化元素的祖先) (可以继续根据情况输入ancestor) descendant(要格式化的元素) {属性的名称;应用的格式;}
b) 在样式表中输入parent(包含要格式化元素的选择器)>(可以根据情况继续输入parent) child(要格式化的元素){属性的名称;应用的格式;}
c) 在样式表中输入sibling(同一父元素中的,直接出现在目标元素前的元素)+(可以根据情况继续输入sibling)element(要格式化的元素){属性的名称;应用的格式;}
3) 依据元素的类或ID
4) 依据元素的伪类或伪元素。
5) 依据元素是否有某些属性和值
13. 选择第一个或最后一个子元素:
输入想应用样式的第一个或最后一个子元素(可选步骤);选择第一个/最后一个子元素输入 :first-child/last-child{属性的名称;应用的格式;}
14. 选择元素的第一个字母或者第一行:
输入element(要格式化元素的选择器):first-letter(第一个字母){属性的名称;应用的格式;}
输入element(要格式化元素的选择器):first-line(第一行){属性的名称;应用的格式;}
上一篇: 微信开发H5轻游戏
下一篇: 网页授权获取用户信息的方法
推荐阅读
-
一款简洁的纯css3代码实现的动画导航_html/css_WEB-ITnose
-
css3中关于伪类的使用_html/css_WEB-ITnose
-
如何让下图中的红色部分(span)内的文字相对于红色部分竖直方向上居中呢?源代码如下,图在第二楼_html/css_WEB-ITnose
-
纯CSS3实现漂亮的价格表样式代码_html/css_WEB-ITnose
-
一款简洁的纯css3代码实现的动画导航_html/css_WEB-ITnose
-
HTML+CSS总结/有关于web标准的总结_html/css_WEB-ITnose
-
CSS3的笔记总结_html/css_WEB-ITnose
-
CSS3的笔记总结_html/css_WEB-ITnose
-
CSS3阴影 box-shadow的使用和技巧总结_html/css_WEB-ITnose
-
关于CSS的一些总结_html/css_WEB-ITnose