![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
文章平均质量分 66
小码鸽
这个作者很懒,什么都没留下…
展开
-
HTML+CSS学习笔记(一)
html和CSS的关系HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可原创 2016-08-20 23:13:35 · 365 阅读 · 0 评论 -
HTML+CSS学习笔记 (四)
认识CSSCSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 例如:<style type="text/css">p{ font-size:20px;/*设置文字字号*/ color:orange;/*设置文字颜色*/ font-weight:bold;/*设置字体加粗*原创 2016-08-24 17:01:07 · 399 阅读 · 0 评论 -
HTML+CSS学习笔记 (九)
CSS样式设置小技巧水平居中设置-行内元素: 如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。水平居中设置-定宽块状元素: 可以通过设置“左右margin”值为“auto”来实现居中的。例如:<body> <div>我是定宽块状元素,哈哈,我要水平居中显示。</div></body>css代码:<style>div{原创 2016-09-03 11:24:08 · 828 阅读 · 1 评论 -
HTML+CSS学习笔记 (三)
使用表单标签,与用户进行交互表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。 语法:method="传送方式" action="服务器文件">1.form> :form>标签是成对出现的,以form>开始,以form>结束。2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。3.metho原创 2016-08-23 23:18:09 · 318 阅读 · 0 评论 -
HTML+CSS学习笔记 (八)
CSS代码缩写盒模型代码简写: 定义三个值:1(上)2(左右)3(下) 定义两个值:1(上下) 2(左右) 注意:padding、border的缩写方法和margin是一致的。颜色缩写: 当设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。CSS中的颜色表示可以分为两种:文字表示: color:redRGB表示(red,green,blue): a color:rgb(原创 2016-09-03 10:12:19 · 256 阅读 · 0 评论 -
HTML+CSS学习笔记 (七)
CSS布局模型CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。 在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer)流动模型:流动(Flow)是默认的网页布局模式 流动布局模型具有2个比较典型的特征:1、块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为原创 2016-09-03 09:53:32 · 313 阅读 · 0 评论 -
HTML+CSS学习笔记 (六)
CSS盒模型元素分类:在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有:<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<原创 2016-09-03 09:15:57 · 381 阅读 · 0 评论 -
HTML+CSS学习笔记 (五)
CSS格式化排版文字排版字体:body{font-family:"Microsoft Yahei";} 或者 body{font-family:"微软雅黑";} 第一种兼容性更好。注意:不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。字号、颜色:body{font-size:12px;color:#666}粗体:例如:p span{font-we原创 2016-09-03 08:44:48 · 294 阅读 · 0 评论 -
HTML+CSS学习笔记(二)
认识标签(二)1、使用ul,添加没有前后顺序的信息列表 语法:<ul> <li>信息</li> <li>信息</li> ......</ul>默认样式每项li前都自带一个圆点(),ul-li是没有前后顺序。2、使用ol,展示有前后顺序的信息列表。 语法:<ol> <li>信息</li> <li>信息</li> ......</ol>每项li前都自带一个序号,原创 2016-08-23 21:51:04 · 357 阅读 · 0 评论 -
关于设置float的补充
float不会遮盖文本,文本会显示出来。 代码: <style type="text/css"> .{margin:0px;padding:0px;} #div1{ /*height: 60px;*/ /*如果不定义高度,会随内容自己扩展*/ /*width: 400px;*/ width: 1原创 2016-09-07 23:22:36 · 806 阅读 · 0 评论