html div代码大全,DIV+CSS 常用代码大全
* html .classdao {} 6.0
*+html .classdao {} 7.0
DISPLAY: block;块状元素
注释代码里面放中文会引起多出行或着很多不确认因素 文字溢出和浮动错位等
style="cursor:hand" 手型显示
加下划线
清除浮动:clear:both
IE6.0下margin-left双倍距 解决方法:加入:display: inline;
.class_r_x li:hover,.class_r_x li.hover {background: #FFE8E8;} 鼠标经过变色
文本字段:input{}[PS:全局定义]
本站声明 阅读>> 直接给文字加阴影“DISABLED”
-------------------------------------------------------------------
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ff0000,
EndColorStr=#ffffff); 加在css里面 实现渐变的效果
-------------------------------------------------------------------
display:none;隐藏DIV
-------------------------------------------------------------------
.main{width:950px;MARGIN: 0px auto;}
段落缩进:text-indent:2em
.target a:active {test:expression(target="_blank");}定义整站所有的链接都新窗口打开
layout-flow: vertical-ideographic;字体竖排
火狐下取消前面的点:list-style:none
您的手机号码:
none : 默认值 SPAN:对象 指定内嵌文本容器
border="0"图边框位0 border:0;
.hangleftcenfootdi02 li{float:left;padding:0 7px;font:normal 100% Tahoma,sans-serif;border-right:1px solid #333333;}/*导航样式*/
display=block,
block表示该元素显示为一个块级元素,单独占一行
none表示该元素不显示,并且不在网页上占位
white-space: nowrap 属性实现禁止文字自动换行
font-weight:700 字体的粗细 font-family:Georgia; 好看的数字字体
color:#0000FF 字体的颜色
font-size:12px 字体的大小
font-family: 金梅毛行書; 限制字体
line-height:180% 行间的高度
position:absolute; bottom:0; DIV居底部
font-family:"宋体" 字体的选择
color:#FF0000 颜色的控制
letter-spacing:2px 字间距的控制
border: 1px solid #FF0000 边线 1px是宽度;solid是形态,这里表示实线,再如dotted和dashed是虚线;#000是颜色。( border-bottom:1px solid #D3D3D3; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3; 它可以分别对边线进行定义,四个方向)
text-decoration: none; 下滑线
BORDER-BOTTOM: #ddd 1px dashed; 点阵虚线[大]
点阵虚线[小]
text-align 对齐元素中的文本(4个方向) text-align:center; 垂直排列-底部vertical-align:bottom;
background-color: #999999; 背景色
background-image: url(/images/200804242338220.jpg); 背景图
background:url(../../img/esyj_/arrowy.gif) no-repeat 4px 3px;
background:url(../images/top_bg.jpg) top center no-repeat; 底图居顶
BACKGROUND: url(/img/body_bg.gif) repeat-y center 50%; 解决背景拉伸与上下延伸的问题
BACKGROUND: url(../img/background.png) #fff repeat-x 0px 0px 背景居顶横铺 其余的地方为白色
background-repeat:no-repeat; 背景禁止拉伸
FLOAT: center; 框里平行居中(4个方向)
margin-top: 100px; 间距 整体边距(4个方向)
padding-top:??px来设置对象的内下边距的样式 对应的有left(左边) right(右边) bottom(底部) top(顶部) 定义全局边距:padding:10px;
display:inline 可用来水平排列对象 去掉li前面的点:list-style:none;
OVERFLOW: hidden;内容会被修剪,但是浏览器不会显示供查看内容的滚动条。
absolute是绝对定位,relative是相对定位 写法“position:absolute;
margin:(外边距)(包含四个方向)
padding:(内边距)(包含四个方向)
文字对齐我绝对中间!
a:link {color: #F00;text-decoration: none;} 链接颜色
a:visited {text-decoration: none;} 已访问链接
a:hover {text-decoration: none;color: #00F;} 变换图象链接
a:active {text-decoration: none;} 活动链接 一般情况下不要这栏
text-decoration: underline; 下划线
上下居中:line-height:25px;
#main_08_info_08_txt LI span.class_01
给LI里面重新定义样式 我们习惯用ID来定义 如果用CLASS的话 会读不到样式
图片样式.yjcs_biao_images li{ width:128px; height:100px; float:left;margin:0 0 20px 14px; text-align:center;}
.yjcs_biao_images img{ width:120px; height:80px;border: 1px solid #BDD5ED; padding:3px 3px 3px 3px; float:left; margin:0 0 10px 0}
鼠标移上去以后变成手的形状 style="cursor:hand"
浮动 .news_x_l_top_01_tu .hover_bg_txt { margin-left:-180px;PADDING-BOTTOM: 0px; WIDTH: 180px; LINE-HEIGHT: 15px; PADDING-TOP: 0px; POSITION: absolute; TOP: 440px; HEIGHT: 15px; text-align:center; color: Blue; background-color:#E6E6E6}
[PS:TOP为整站的定位;margin-top:10px;相对定位]
关闭
如何让图片和文字在同一条水平容器中居中对齐 可以用有个很简单的解决办法 就是在图片上加个样式vertical-align:middle;放在图片的代码里
/*给图片加链接色*/
#qita_qg li A IMG {BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid}
#qita_qg li A:visited IMG {BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid}
#qita_qg li A:hover IMG {BORDER-RIGHT: #eb0156 1px solid; BORDER-TOP: #eb0156 1px solid; BORDER-LEFT: #eb0156 1px solid; BORDER-BOTTOM: #eb0156 1px solid}
------------------------------------------网站共用----------------------------------------------------------
* {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP:0px}
body,div,img,ul,li,span,p,br { margin:0; padding:0;border:0;}
body { font-size:12px; color:#666;margin:0 auto 0 auto; width:950px;}
li { list-style:none;display: inline;}
a { font-size:12px; color:#666; text-decoration:none;}
a:hover { text-decoration:underline; color:#F60;}
img{ border:none;vertical-align:middle;}
h1{font-size:12px; font-weight:bold; color:#000000; float:left}
h2{font-size:14px; font-weight:bold; color:#000000; float:left}
PNG透明的方法:
html div代码大全,DIV+CSS 常用代码大全相关推荐
- css常用代码大全,html+css代码
css常用代码大全,html+css代码 html+css可以很方便的进行网页的排版布局,还能减少很多不必要的代码. 一.文本设置 1.font-size: 字号参数 2.font-style: 字 ...
- JavaScript单词大全及部分常用代码
JavaScript单词大全及部分常用代码 0~9var i=0; //声明变量let i=0; //声明变量,块级作用域const PI=3.14; //声明常量console.log(str) / ...
- HTML+CSS常用代码
HTML+CSS常用代码(笔记) 注释标签:对代码进行说明 <!-- 单行注释,也可以对多行文字进行注释 --> 常用格式标签 <b>加粗</b> <i> ...
- css代码添加背景图片常用代码
css代码添加背景图片常用代码 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url(url)|none} 3 背景重复 {backgr ...
- CSS常用代码片段-01
[01]文字颜色渐变 background:-webkit-linear-gradient(bottom,red,#fd8403,yellow); -webkit-background-clip:te ...
- html与css常用标签大全
一,html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的: 1. HTM ...
- android常用代码合集,Android常用代码
1.图片旋转 Bitmap bitmapOrg = BitmapFactory.decodeResource(this.getContext().getResources(), R.drawable. ...
- 【VsCode】如何使用VsCode中的代码片段快速输入常用代码(太实用了,有图,有示例)
一.只要输入两个[!!]就可以出来想要的代码片断. 比如:你看我,输入了两个感叹号,按下回车就出现如下代码: 1.文件--首选项--用户片断 2.选择[新建全局代码片段文件] 3.输入文件名:html ...
- html绝对定位代码是什么,CSS绝对定位代码(详)
FRAMEBORDER="0" WIDTH="104" SCROLLING="no" HEIGHT="317"> ...
最新文章
- 记者因报道大厂负面遭遇死亡威胁,幕后黑手被判入狱18个月
- 各厂商防火墙初始登录IP及密码信息
- 在C++ Builder中用socket api来写网络通讯程序(同时支持TCP和UDP协议)
- micropython按键控制流水灯_【micro:bit Micropython】The LED Display(1)控制像素点
- 外卖红包深度研究报告:千亿市场下的公号私域
- RabbitMQ(四) Work模式下的消息产生以及消费代码实现示例
- 基于深度神经网络的噪声标签学习
- QMessageBox自定义大小
- 六句顺口溜教你速记100以内质数表
- Advanced Design System 破解教程 ADS 2017
- javaScript实现简单网页倒计时代码
- Windows更新错误代码0x8007000e
- 报错:HTTP/2 stream 1 was not closed cleanly before end of the underlying stream
- Jupyter-02-numpy:数组的维度
- 法硕(非法学)进入红圈所究竟有多难?
- 大势智慧与华为云联合打造全国首个云原生城市智能中枢时空计算服务
- 新导智能:智慧养老解决方案_智能养老系统_养老院解决方案
- python3 爬虫相关学习10:RE 库/ regex /regular experssion正则表达式学习
- 廊坊公立中专计算机学校有哪些,廊坊中专学校排名
- 关于《网络电视精灵》项目
热门文章
- 如何用计算机解自控分离点,自动控制原理 答案 黄坚习题详解
- 电压压力蕊片_杀鸡取卵~拆SFAIF工业压力仪表取主控芯片ICL7126修液晶电压表头~更多高级仪表果照...
- 基于卷积神经网络及迁移学习的掌纹识别
- Excel库存表通过吉度盘点机盘点形成差异报表
- C# winform 实现微信二维码登录、第三方登录(已实现、附源码)
- idea一键生成实体类
- Dism 编辑Windows WIM 文件
- 区块链劲旅Waves—基于Waves的DeFi应用Neutrino协议
- 极速pdf编辑器的水印如何去掉_PDF如何编辑?如何用PDF编辑器修改PDF中的内容?...
- 饥荒服务器模组全部显示冲突,饥荒联机版TGP多层世界服务端整合包及MOD添加设置教程_游戏堡...