前端
Biubiu阿玉
这个作者很懒,什么都没留下…
展开
-
初涉前端之HTML(一)
HTML <html> 与 </html> 之间的文本描述网页 <body> 与 </body> 之间的文本是可见的页面内容 <h1> 与 </h1> 之间的文本被显示为标题 <p> 与 </p> 之间的文本被显示为段落 标题数字越小,标题字体原创 2018-08-02 09:35:41 · 157 阅读 · 0 评论 -
初涉前端之CSS(八)
布局模型流动模型(Flow) 块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布 在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示 浮动模型(Float) 任何元素在默认情况下是不能浮动的,但可以用 CSS 定义为浮动 实现两个 div 元素一行显示: div{ width:200px; height:200px; ...原创 2018-08-02 10:16:15 · 143 阅读 · 0 评论 -
初涉前端之CSS(七)
盒模型边框div{ /*下面三条语句可简写为border:2px solid red;*/ border-width:2px; border-style:solid; border-color:red;} border-style(边框样式)常见样式有:dashed(虚线)、dotted(点线)、solid(实线) border-color(边框...原创 2018-08-02 10:12:00 · 125 阅读 · 0 评论 -
初涉前端之CSS(六)
元素分类块状元素<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<form>、<blockquote> 设置display:原创 2018-08-02 10:07:29 · 124 阅读 · 0 评论 -
初涉前端之CSS(五)
段落排版2em代表文字的2倍大小缩进 indentp{ text-indent:2em; /*段前空两个文字的空白*/}行间距(行高)p{ line-height:1.5em;}中文字间距、字母间距p{ letter-spacing:50px;/*设置字母之间的间距*/ word-spacing:50px; /*设置英文单词之间的间距*...原创 2018-08-02 10:05:54 · 123 阅读 · 0 评论 -
初涉前端之CSS(四)
文字排版字体body{ font-family:"宋体";}字号和颜色body{ font-size:12px;color:#666;}粗体span{ font-weight:bold;}斜体a{ font-style:italic;}下划线span{ text-decoration:underline;}...原创 2018-08-02 10:04:18 · 123 阅读 · 0 评论 -
初涉前端之CSS(三)
样式的权值继承的权值为0.1,标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100p{color:red;} /*权值为1*/p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:purple;} /*权值为1+1+10=12*/#footer.no...原创 2018-08-02 10:02:03 · 124 阅读 · 0 评论 -
初涉前端之CSS(二)
CSS选择器类选择器语法.类选择器名称{CSS样式代码;}类选择器名称可以任意起名<style type="text/css">.stress{ color:red;}</style>······<p> <span class="stress">胆小如鼠</span><!-原创 2018-08-02 09:50:24 · 145 阅读 · 0 评论 -
初涉前端之CSS(一)
CSS简介层叠样式表Cascading Style Sheets定义某个样式,让不同网页位置的文字有着统一的字体、字号或者颜色等语法优先级:内联式>嵌入式>外部式(就近原则)内联式<p style="color:red"> ······</p>嵌入式必须写在<style></style>之间,且一般...原创 2018-08-02 09:46:13 · 128 阅读 · 0 评论 -
初涉前端之HTML(二)
网页的主要内容 如<h1> <p> <a> <img> <body></body> 强调 <strong>显示为加粗<strong>, <em>显示为斜体</em> <span>没有原创 2018-08-02 09:42:27 · 188 阅读 · 0 评论 -
初涉前端之CSS(九)
盒模型代码简写边距外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:1、如果top、righ...原创 2018-08-21 09:31:22 · 129 阅读 · 0 评论