首页 > 代码库 > css
css
选择器{属性:属性值;} 伪类选则器:——a:hover必须置于a:link和a:visited之后,才有效。a:active置于a:hover之后才有效。 属性 描述 CSS :active 向被激活的元素添加样式。 1 :focus 向拥有键盘输入焦点的元素添加样式。 2 :hover 当鼠标悬浮在元素上方时,向元素添加样式。 1 :link 向未被访问的链接添加样式。 1 :visited 向已被访问的链接添加样式。 1 :first-child 向元素的第一个子元素添加样式。 2 :lang 向带有指定 lang 属性的元素添加样式。 标记选择器:HTML标记名作为选择器 类选择器:HTML中设置class属性,类选择器由“.”及类名名称直接相连 id选择器:只有页面上的标记(body标记及子标记)才能给定id。类选择器由“#”及类名名称直接相连 css选择器声明: 集体声明:“,”分隔多个选择器 全局声明:“*” css定义与引用: 内联样式:<标记 style="属性1:属性值;......."> 内部样式表:<style type="text/html">css样式</style> 外部样式表:外部样式表写在.css文件里<link href="---.css" rel="stylesheet" type="text/css">只存在与head部分 导入外部样式表:<style type="text/css">@import url("---.css");</style> css继承与层叠:行内样式>id 样式>class样式>标记样式 div图层:<div id="" class="" style="position:absolute;left:10px;top:10px;width:10px;height:10px;background:red">....</div> span标记:是行内标记,行内元素。 <span id="样式名称" class="样式名称" >。。。。。</span > css属性值得单位 绝对单位: 相对单位:em,ex,px,%,css 文字样式 font-size:绝对大小,相对大小 font-style:normal/italic/oblique(默认,斜体,倾斜) font-variant:normal/small-caps(正常,小型的大写之母字体) font-weight:normal/bold/bolder/lighter/100~900(默认,粗体,特粗体,细体,) font-family:字体1,字体2。。。。。 font属性:font-style font-weight font-variant font-size line-height css精细排版: 字符间距:letter-spacing:nomal|长度单位 首行缩进:text-index:长度单位|百分比单位 字符装饰:text-decoration:none|underline|blink|overline|line-through blink;闪烁 underline 下划线 overline上划线 line-through 删除线 英文大小写转换:text-transform:capitalize(将每个单词的第一个字符转换成大写)|uppercase(大写)|lowercase(小写)|none(不转换) 水平对齐::left|right|center|justify(两端对齐) 垂直对齐:vertical-align:baseline | sub | super | top | text- top | middle | bottom | text-bottom | <百分比> | <长度> | inherit (baseline:基线对齐;sub:下标;super:上标;top:顶端对齐;text-top:与文本的顶端对齐; middle:中部对齐;bottom:底端对齐; text-bottom:文本的底端对齐;) 行距属性:line-height:normal|lengthcss背景颜色:color:rgb(r%,g%,b%)|rgb(r,g,b)|#FFFFFF|colorname 背景属性:background 子属性:背景颜色:background-color 背景图像:background-image:url|none 图像浮动:float:left|center|right 背景图像重复:background-repeat:repeat 默认。背景图像将在垂直方向和水平方向重复。 repeat-x 背景图像将在水平方向重复。 repeat-y 背景图像将在垂直方向重复。 no-repeat 背景图像将仅显示一次。 inherit 规定应该从父元素继承 background-repeat 属性的设置。 背景附件:background-attachment:scall(文字在页面滚动时,背景附件一起滚动)|fixed(背景固定不动) 背景位置:background-position:百分比|长度|关键字 x% y% 第一个值是水平位置,第二个值是垂直位置 xpos ypos 第一个值是水平位置,第二个值是垂直位置。 left center right top button center background的复合:background-color|background-image|background-repeat|background-attachment|background-positioncss样式表:列表样式:list-style-type:属性 none 无标记。 disc 默认。标记是实心圆。 circle 标记是空心圆。 square 标记是实心方块。 decimal 标记是数字。 decimal-leading-zero 0开头的数字标记。(01, 02, 03, 等。) lower-roman 小写罗马数字(i, ii, iii, iv, v, 等。) upper-roman 大写罗马数字(I, II, III, IV, V, 等。) lower-alpha 小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。) upper-alpha 大写英文字母The marker is lower-alpha (a, b, c, d, e, 等。) 图像列表:list-style-image:url|none 列表图像位置:list-style-position:outside|inside 复合:ul{list:ul{URL} outside square}css盒子模型:内容(content)、填充(padding)、边框(border)、边界(margin) 边界属性:margin(-top|right|bottom|left):长度单位|百分比|auto (上,右,下,左) 边框属性: 边框样式:border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset| none 定义无边框。 hidden 与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。 dotted 定义点状边框。在大多数浏览器中呈现为实线。 dashed 定义虚线。在大多数浏览器中呈现为实线。 solid 定义实线。 double 定义双线。双线的宽度等于 border-width 的值。 groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。 ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。 inset 定义 3D inset 边框。其效果取决于 border-color 的值。 outset 定义 3D outset 边框。其效果取决于 border-color 的值。 inherit 规定应该从父元素继承边框样式 border-top-style:样式值 border-right-style:样式值 border-bottom-style:样式值 border-left-style:样式值 边框宽度:border-width:medium|thin|thick|length border-top-width:样式值 border-right-width:样式值 border-bottom-width:样式值 border-left-width:样式值 边框颜色:border-color:color border-top-color:样式值 border-right-color:样式值 border-bottom-color:样式值 border-left-color:样式值 边框复合:border-width|border-style|border-color 填充属性:padding:长度|百分比 padding-top padding-right padding-bottom padding-leftcss加div布局:
css
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。