![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML/CSS入门基础
Code_浅蓝
小草生而不择肥瘠,长而步步为营,只要坚持走好每一步,就能染绿荒原;积雪融而溪流淙淙,流而不避劳苦,只要坚持流好每一程,就能奔流入海。同样,不管我们从事什么工作,只要扑下身子,坚持踏踏实实做好手上的每一件事,就能最终实现人生价值。
展开
-
CSS文字属性与选择器
原文地址文章使用YD的排版,点击原文地址,更方便查阅。分析有一个标题(H1),还有一些段落(P):标题是居中的,段落也是居中的.所以我们可以设置H标签和P标签的align属性等于center来实现标题和段落都有颜色, 都有字体都有大写,##所以需要给文字包裹一个font标签, 然后通过font标签来设置颜色以及大小。通过标签来修改样式的缺点:需要记忆哪些标签有哪些属性,如果该标签没有这个属性,那么原创 2017-05-31 10:36:46 · 1130 阅读 · 0 评论 -
CSS选择器/CSS的继承、层叠和特殊性
什么是选择器?每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如示例代码编辑器中第7行代码中的“body”就是选择器。示例<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" cont原创 2017-02-22 11:35:01 · 982 阅读 · 0 评论 -
CSS样式设置小技巧
水平居中设置–行内元素我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。这里我们又得分两种情况:块状元素 还是 行内元素/内联元素 ,块状元素里面又分为定宽块状元素,以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中?如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和原创 2017-02-26 16:01:12 · 589 阅读 · 0 评论 -
CSS代码缩写, 占用更少的宽带,单位和值
盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:1、如果top、right、bot原创 2017-02-26 15:24:25 · 570 阅读 · 0 评论 -
Html介绍
HTML的介绍和标签的认识HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的原创 2017-03-08 16:20:39 · 447 阅读 · 0 评论 -
CSS 元素分类 / 盒模型基础 / 深入理解
元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有:<a>、<span>、<br>、<i>、<em>、<原创 2017-02-25 10:52:06 · 777 阅读 · 0 评论 -
CSS格式化排版
文字排版– – 字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。) 现在一般网页原创 2017-02-23 10:57:04 · 575 阅读 · 0 评论 -
CSS布局模型/网页布局基础
CSS布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Flo原创 2017-02-26 11:50:00 · 1149 阅读 · 0 评论 -
CSS样式基本知识,添加样式,
认识CSS样式CSS全称为”层叠样式表(Cascading Style Sheets)”, 它主要是用于定于HTML内容在浏览器内的显示样式,如文字大小,颜色,字体加粗等。 如下列代码:p{ font-size:12px; color:red; font-weight:bold; }使用CSS样式的一个好处是通过定义某个样式, 可以让不同网页位置的文字有着统一的字体,字号原创 2017-02-20 15:26:56 · 1147 阅读 · 0 评论 -
HTML之与浏览器交互, 表单标签
使用表单标签,与用户交互网站怎样与用户进行交互? 答案是使用HTML表单(form)。表单是可以把浏览器输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。 语法:<form method="传送方式" action="服务器文件">讲解:<form> : <form> 标签是成对出现的,以 <form> 开始, 以 </form> 结束。action:浏览器输入的数据原创 2017-02-19 14:45:39 · 1295 阅读 · 0 评论 -
HTML之认识标签(二)
3-1 使用ul, 添加新闻信息列表在浏览网页时, 你会发现网页上有很多的列表。新闻列表,图片列表等等。这些列表就可以使用ul-li标签来完成。ui-li是没有前后顺序 的信息列表。语法:信息信息...... p标签 我的第一行 我的第二行 我的第三行原创 2017-02-18 11:17:58 · 412 阅读 · 0 评论 -
HTML之认识标签(三)
使用 <a>标签, 链接到另一个页面使用 <a> 标签可实现超链接, 它在网页制作中可以说是无处不在, 只要有链接的地方,就会有这个标签。 语法:<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>例如:<a href="http://blog.csdn.net/blog751196085" title="点击进入浅蓝博客">click here!</a原创 2017-02-19 09:57:03 · 872 阅读 · 0 评论 -
HTML之认识标签(一)
2-1. 语义化, 让你的网页更好的被搜索引擎理解标签的用途: 我们学习网页制作时, 常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是: 明白每个标签的用途(在什么情况下使用此标签合理) 比如, 网页上的文字的标题就可以用标题标签,网页上的各个栏目名称也可以使用标签标题。文章中内容的段落就得放在段落标签中, 在文章中有想强调的文本,就可以使用 em标签标示强调等原创 2017-02-17 16:58:02 · 1027 阅读 · 1 评论 -
HTML之标签基础汇总
img标签1.img标签中的img其实是英文image的缩写所以img标签的作用, 就是告诉浏览器我们需要显示一张图片2.img标签格式: 其实img标签中的src是英文source的缩写所以img标签中的src就是用来告诉img标签, 需要显示的图片名称3.注意点和H系列标签/p标签还有Hr标签不一样, img标签不会独占一行如果我们手动指定了img标签显示的图片的宽度和高度, 有可能会原创 2017-05-26 13:53:30 · 1901 阅读 · 0 评论