菜鸟教程css事件,【推荐】DIV+CSS入门菜鸟教程
这篇文章主要为大家详细介绍了【推荐】DIV+CSS入门菜鸟教程,具有一定的参考价值,可以用来参考一下。
感兴趣的小伙伴,下面一起跟随512笔记的小编罗X来看看吧。
CSS功能复杂多变,大多数新手莫不着头脑,不知道怎么去控制。所以做个简易教程。
1,文字控制类
font-size:12px; 文字大小,通常为12px。现在又流行14px。大小自己控制。
color:#666; 颜色控制,颜色自己下个取色板吧。16进制
line-height:2em; 行高,em为字符,支持px 百分比等等多种单位
text-align:center; 文字居中,居左不要,居右为right
font-weight:bold; 文字加粗
text-indent:2em; 每段缩进,两个字符,常用
用以上CSS便可基本供职90%的问题了,其他的慢慢自己研究。
2,布局类
margin:10px 10px 10px 50px ; 外补丁,为上 右 下 左。除0外,必须为单位,单位可以是px cm 等等。常用px
padding10px 10px 10px 50px 内补丁,设置同外补丁
float:left; 浮动,常用属性。多试试
width:51px; 宽度
height:89px; 高度
overflow:hidden; 清除立体浮动(针对火狐等浏览器),溢出隐藏
clear:both; 清除平面浮动
border:1px solid #77543b; 设置边框为1,实线,颜色,16进制
每个CSS前必写以下这段代码
*{ padding:0; margin:0;} 如未指定,则内补丁和外补丁均为0,可解决90%的火狐不兼容问题代码。
body{font-size:12px; background:#AC956C;} 设置内容默认字体大小等,不建议在此控制行高。
a:link,a:visited,a:active{ color:#333; text-decoration:none; font-size:12px;}
a:hover{ color:#666; text-decoration:underline;font-size:12px;} 默认链接属性。
li{ list-style:none;} li去掉前面的点。
列表
#tuijian {}
#tuijian ul { margin-left:60px;}
#tuijian ul li{ line-height:1.5em;color:#EEE4C1}
#tuijian ul li a{ color:#EEE4C1}
列表控制比较难学,其实也简单,不建议给li使用外左补丁控制间距,建议使用LI宽度控制。ul一般留空即可,如要定位另说,如果需要列表为一行,常用于导航处,将li设置一个左浮动即可。
注:关于【推荐】DIV+CSS入门菜鸟教程的内容就先介绍到这里,更多相关文章的可以留意512笔记的其他信息。
关键词:入门
菜鸟教程css事件,【推荐】DIV+CSS入门菜鸟教程相关推荐
- 使用div和css重构网站,DIV+CSS网页重构概念详解
本文和大家重点讨论一下DIV+CSS网页重构的概念,常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方 ...
- CSS学习笔记--Div+Css布局(div+span以及盒模型)
1.DIV与SPAN 1.1简介 1.DIV和SPAN在整个HTML标记中,没有任何意义,他们的存在就是为了应用CSS样式 2.DIV和span的区别在与,span是内联元素,div是块级元素 内联元 ...
- html中写css代码,开发DIV CSS时 先写CSS代码还是先写HTML代码
相信良多LOVE用DIV+CSS技术启示重构网页的爱好者友好,在起源学习DIV+CSS的时分都邑想一个标题,想晓得DIV+CSS妙手或有教育者在开发制作html页面的时刻,下场是先写html照样先写c ...
- psd转div+css,PSD转DIV+CSS的方法.doc
PSD转DIVCSS的方法 把psd页面利用div+css切割成html页面 首先看看效果下面的图片就是效果图,切割出来后,可能头部和底部会宽点..... 新建文件夹 开始时,在您的计算机中创建一个文 ...
- diybox路由器设置教程_一个简单的无线路由器入门设置教程,非常实用
原标题:一个简单的无线路由器入门设置教程,非常实用 分享给朋友们一个简单的无线路由器入门设置教程,教大家怎么使用无线路由器.如何设置使用,非常实用. 一.无线路由器基本使用方法 1.拿到手的无线路由器 ...
- html css建站的文件夹,建站教程CMS建站DIV+CSS常用的Html网页布局代码汇集
CSS: 以下是引用片段: #wrap{ width:100%; height:auto;} #column{ float:left; width:60%;} #column1{ float:left ...
- css html5360百科,div+css
所谓CSS优先级,即是指CSS样式在浏览器中被解析的先后顺序. 内联样式(inline style) > ID选择符 > 类选择符(class), 伪类(pseudo-class)和属*( ...
- html5 div css 页签,div css 实现tabs标签的思路及示例代码
1.创建页签,以及页签内容的div. 2.编写被选中的页签和页签内容div显示.隐藏的样式. 3.编写js方法,根据被选中的页签,显示相应的页签内容. 例如: 复制代码代码如下: function d ...
- css 浮动 解决,div+css浮动的解决方法
如何清楚浮动(一) 已知一个大的div容器,这个容器包含了两个子div容器,然后在这两个子div容器的后面再添加一个div(这个div表示清除浮动的div容器),清楚浮动的div容器设置css样式为c ...
- html/css题库,DIV+CSS题库
C D 2.在CSS语言中下列哪一项是"左边框"的语法?(C ) A.border-left-width: B.border-top-width: C.border-left: D ...
最新文章
- Android ProgressBar 加载中界面实现(loading 动画) 实现菊花的效果
- python mysql类里_Python MySql 操作类
- 亚马逊推出了SecureCRT免费的云主机服务器 Amazon EC2,
- 什么是Express.js?
- 新iPhone全面5G!4种杯型,最便宜只要5500,均内置中国北斗
- C语言实现常用数据结构——队列
- Ubuntu 安装 Docker 容器
- Liferay例子学习,如何部署简单的jsp portlet
- 20155222卢梓杰 《Java程序设计》第1周学习总结
- 机器学习性能评估指标(综合性总结)
- [css] 使用css将图片转换成黑白的效果
- 文本挖掘之 文本相似度判定
- HTML设置不生效的原因,CSS中hover出现不生效的几个原因 ?
- string : undeclared identifier 出错原因
- InfoWorld 公布开源软件( 2019 年)
- win7 64BIT下使用VC2005的问题
- java traingdx函数实现_提取伪彩色图像的信息
- 萤石云平台使用 - IPC接入
- matlab 字符串 倒序,MATLAB tip
- 关系数据库之关系代数