CSS
周天祥
一起学习,一起分享
展开
-
CSS控制字体
设置字号font-size:12px设置字色color:#00000设置字体font-family:”黑体”设置行高line-height:150% line-height:1.5em设置字体的粗细 font-weight : normal [正常]原创 2015-10-17 12:10:15 · 94525 阅读 · 0 评论 -
使用css+js制作选项卡
选项卡制作选项卡*{margin: 0;padding: 0;}#box{width: 480px;height: 500px;margin: 100px auto;text-align: center;}ul{list-style: none;}a:link {color: red;t原创 2015-11-21 16:17:13 · 91815 阅读 · 0 评论 -
CSS控制元素的尺寸
设置元素的宽度width:100px; 设置元素高度height:100px;设置元素最小宽与高min-width:50px; min-height:50px;设置元素最大宽与高max-width:50px; max-height:50px;设置元素的外边距margin: 上 右 下 左设置元素的内边距padding: 上 右 下 左原创 2015-10-17 23:41:49 · 92134 阅读 · 0 评论 -
CSS控制链接
1.链接文本正常显示的状态 a:link 2.鼠标置于链接文本之上 a:hover 3.鼠标按下链接文本 a:active 4.访问过的链接文本状态 a:visited 自定义链接的CSS类a.类名称:状态使用顺序link-visited-hover-active使用顺序不能错原创 2015-10-17 22:04:42 · 92871 阅读 · 0 评论 -
CSS在网页的中应用方式
CSS一共四中样式1、内联式样式表:直接写在现有的标记中,如:这里文字是红色的2、嵌入式样式表:使用“”标签嵌入到HTML文件的头部中标记内,如: body { background : white ; color : black ; } --> 用于当浏览器不支持样式表时,不会将样式表内容显示出来3、外部链接式”样式表”:将样式表写在一个独立的.cs原创 2015-10-17 12:17:35 · 94921 阅读 · 0 评论 -
CSS控制列表
列表属性list-style:list-style-type list-style-position list-style-image列表项目类型list-style-type: none[无符号] disc[实体的小圆点] circle[空心的小圆点] square[实心的小方块] decimal [1,2,3...] lower-roman [i,ii,iii.原创 2015-10-17 23:37:31 · 92124 阅读 · 0 评论 -
CSS控制背景
背景background:颜色 图片 平铺方式 固定方式 位置背景颜色 background-color: #ccc;背景图像background-image:url(背景图像的位置及全称) 背景图像的重复方式background-repeat:[repeat、no-repeat、repeat-x、repeat-y] 背景图像的位置background-posi原创 2015-10-17 23:35:49 · 92119 阅读 · 0 评论 -
CSS控制边框属性
1.设置边框粗细border-top-width :12px;2.设置边框样式border-top-style :solid[实线]、dashed[虚线]3.设置边框颜色border-top-color :#0000004.设置某一边框属性的简捷方式 border-边框位置:线宽 线型 颜色; 5.设置某一元素四条边框属性的简捷方式[仅限于四条边框属性完全相同]原创 2015-10-17 23:33:23 · 93273 阅读 · 0 评论 -
CSS 颜色单位
十六进制用3个十六进制数如: color:#ff0000用3个十六进制数如:color:#fcf颜色名称如: color:red三原色单位如: rgb(255,0,0)一般最常用的是十六进制,三原色单位的原理【红(r ), 绿(g ), 蓝(b) 】混合而成。原创 2015-10-17 12:06:06 · 98357 阅读 · 0 评论 -
CSS 长度单位
em相对于当前对象内文本的字体尺寸,为默认大小的倍数px像素(Pixel)推荐使用绝对长度单位说明---基本上用不到in英寸cm厘米mm毫米pt点(Point)原创 2015-10-17 11:57:57 · 94937 阅读 · 0 评论 -
CSS控制文本
设置对象中文本缩进 text-indent : length text-indent:2em文本水平对齐方式 text-align:left[左]center[中]right[右]对象中空白处理 white-space:normal[自动换行] pre[换行和空白受保护] nowrap[强制在同一行显示]文本大小写 控制 text-tra原创 2015-10-17 18:32:14 · 93850 阅读 · 0 评论 -
CSS选择符类型
1、类型选择符:就是HTML文档中的元素[作用于html标记]如:p{属性:值}2、类选择符:可以自己定义样式,应用于一个或多个网页元素,类在网页中可以出现多次,用于定义重复的样式。类以英文“.”开头,后面的名字自己定义,类定义后还需要在网页中加入class=类名称,加以调用。如: .warning {属性:值} …… 3、ID选择符:与类基本相似,只是以英文“#”开头,原创 2015-10-17 23:28:07 · 100289 阅读 · 0 评论 -
使用css+js制作水平菜单
当鼠标移到一级菜单上水平菜单function show(id){document.getElementById(id).style.display="block";} function hide(id){document.getElementById(id).style.display="none";}*{margin原创 2015-11-21 16:22:28 · 91251 阅读 · 0 评论