![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML学习
前端之 HTML 与 CSS
CherryYang~
拥抱开源
展开
-
JavaScript简单语法
JS简单语法1. JavaScript-输出内容(document.write)document.write()可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。第一种: 输出内容用"“括起,直接输出”"号内的内容。<script type="text/javascript"> document.write("I love JavaScript!");...原创 2020-02-05 17:09:40 · 340 阅读 · 0 评论 -
HTML学习(八):CSS样式设置小技巧
1. 水平居中设置-行内元素我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。这里我们又得分两种情况:行内元素还是 块状元素,块状元素里面又分为定宽块状元素,以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中?如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center来实现的。(父元素和子...原创 2020-02-03 22:18:13 · 339 阅读 · 0 评论 -
HTML学习(七):盒模型代码简写以及单位和值
1. 盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:如果top、r...原创 2020-02-03 21:28:10 · 434 阅读 · 0 评论 -
HTML学习(六):CSS布局模型
1. CSS布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。CSS包含3种基本的布局模型,用英文概括为:Flow、Layer ...原创 2020-02-03 21:10:23 · 178 阅读 · 0 评论 -
HTML学习(五):CSS盒模型
1. 元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<addres...原创 2020-02-03 18:01:20 · 256 阅读 · 0 评论 -
HTML学习(四):CSS格式化排版
1.文字排版字体我们可以使用CSS样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。) ...原创 2018-08-06 20:28:48 · 538 阅读 · 0 评论 -
HTML学习(三):CSS样式基础
1.CSS介绍CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 CSS样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。声明:...原创 2018-08-05 18:45:21 · 308 阅读 · 0 评论 -
HTML学习(二):关于几种简单的标签(下)
1.使用ul,为信息添加无序列表在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表。这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法:&amp;amp;lt;ul&amp;amp;gt; &amp;amp;lt;li&amp;amp;gt;信息&amp;amp;lt;/li&amp;amp;gt; &amp;amp;lt;li原创 2018-08-03 18:08:57 · 407 阅读 · 0 评论 -
HTML学习(一):关于几种简单的标签(上)
开始学习HTML,希望完善一些概念和细节。1.标签的意义和用途 标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用 em 标签表示强调...原创 2018-08-01 21:37:30 · 236 阅读 · 0 评论