Headfirst笔记-CSS
文章平均质量分 70
cq14389
这个作者很懒,什么都没留下…
展开
-
CSS字体颜色,文本装饰线,删除线
CSS字体颜色方法1使用rgb值来制定body{background-color:silver/Aqua/Navy; (css有16种基本颜色和150种扩展颜色可以利用该法指定) background-color:rgb(80%,40%,0%); background-color:rgb(204,102,0);原创 2015-12-29 14:38:25 · 2149 阅读 · 0 评论 -
CSS盒子,line-height,padding,margin,background,border
行间垂直距离leading(读作ledding)line-height:1.6em/120%/30px; 内容四周使用相同的内边距padding:25px;也可单独限制padding-left:80px;注意顺序,如果先用padding-left,那么padding对左侧实施的25px会被覆盖。内容四周使用相同的外边距margin:也可单独限制m原创 2015-12-30 09:35:09 · 1124 阅读 · 0 评论 -
CSS的组成,三种样式(内联式,嵌入式,外部式),优先级
--------------------------------------------------------------------------------------------------------------------------------------内联式CSS ---来自慕课----------------------------------------------------原创 2016-01-14 10:52:47 · 33277 阅读 · 1 评论 -
选择器(标签,class,id,子,后代,通用,伪类,分组)区别,继承,<link>
※此时不用可以把要实现的元素的共同样式放到一起,只能对中的元素增加样式,比如列举要设置的所有h标题,h1,h2{ }大括号里的设置并会应用到所有h1,h2标题。若要单独实现h1效果,比如下划线,只需在原有基础上再写一行h1{border-bottom:}里常见的元素:h1 {font-fami原创 2015-12-27 09:51:47 · 5179 阅读 · 0 评论 -
CSS字体选择,字体大小,粗细,斜体,缩进,文字单词间距
先用@font-fase创建要使用的字体然后在要使用font-family的中引用font-family使用Web字体缺点:获取字体需要一定时间,管理多个字体也挺麻烦,然后移动设备,小型设备并不支持web字体,所以设计中要考虑候选字体可以使用@font-fac定制多个字体。每种字体需单独创建一个@font-face规则l※常用的内置CSS规则原创 2015-12-29 14:23:22 · 3164 阅读 · 0 评论 -
伪类与超链接
伪类(Psedo-class)有些元素有不同的状态,元素就是这样一个例子.它的主要状态包括未访问、已访问和悬停可以用伪类单独地为各个状态指定样式.伪类最常用于元素。)比如a:link,a:visited,a:hover都允许你指定样式,就好像它们是类一样.但没有人在html文件中真正输入这些类.伪类的实现要归功于浏览器,浏览器检查所有元素,把它们增加到正确的伪类中.比如,一原创 2016-01-01 10:16:06 · 344 阅读 · 0 评论 -
CSS id区分class
class利用类可以对一组元素应用一个或多个样式属性。如页面中有一个假日主题区,一个万圣节区,一个圣诞节区。可把所有万圣节元素增加到halloween类,然后单独地对这些元素指定样式,比如用橙色。但只对一组元素应用样式属性对class来说大材小用。一般用id属性。id只有一组元素需增加样式,或者页面上唯一的元素:如页面上的页眉页脚,导航条包含“每日图片”的元原创 2015-12-30 14:11:46 · 303 阅读 · 0 评论 -
CSS属性简写
margin/padding 方法同理padding-top: 0px;padding-right: 20px;padding-bottom: 30px;padding-leftp: 10px;简写 padding: 0px 20px 30px 10px; (顺时针,上右下左)padding-top: 20px;pa原创 2015-12-31 14:31:47 · 311 阅读 · 0 评论 -
CSS 为不同类型的设备建立样式表
针对要显示的页面类型(桌面PC,笔记本,平板,手机,页面的印刷版本…)方法一:在HTML中利用,把type改成media属性 media="screen and (max-device-width:480px)" rel="stylesheet" href="文件名.css" >类似,可创建一个查询来匹配打印机设备 rel="style原创 2015-12-30 15:39:09 · 1836 阅读 · 0 评论 -
CSS字体设置概览
CSS提供了很多属性改变字体外观包括font-family:serif/sans-serif/monospace/cursive/fantasy; (前两种最常用)若要使用用户可能没安装的字体,可利用@font-family font-family: @ font-face {:"Emblema One";原创 2015-12-29 16:00:07 · 469 阅读 · 0 评论 -
CSS布局与定位,flow流,float
块元素的位置:从上向下流,元素之间自动换行内联元素的位置:水平方向上排列,总体上会从左上方流向右下方原创 2016-01-02 12:36:52 · 3764 阅读 · 0 评论