HTML5/CSS
关注
分享
扫一扫
Healer66
他是谁啊？他究竟是什么身份啊？
展开
-
HTML+CSS-----认识标签(第二部分)
使用ul，添加新闻信息列表 在浏览网页时，你会发现网页上有很多信息的列表，如新闻列表、图片列表，如下图所示。 新闻列表 图片列表 这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。 语法： <ul> <li>信息</li> <li>信息</li> ...... </ul&...原创 2019-01-17 18:44:50 · 227 阅读 · 0 评论 -
HTML+CSS ----- CSS样式基本知识
内联式css样式，直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。这一小节先来讲解内联式。 内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： <p style="color:red">这里文字是红色。</p> 注意要写在元素的开始标签里，下面这...转载 2019-01-30 20:40:04 · 185 阅读 · 0 评论 -
HTML+CSS-----CSS，为网页添加样式
认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。 如下列代码： p{ font-size:12px; color:red; font-weight:bold; } 使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体...原创 2019-01-30 20:32:39 · 250 阅读 · 0 评论 -
HTML+CSS-----与浏览者交互，表单标签
使用表单标签，与用户交互 网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。 语法： <form method="传送方式" action="服务器文件"> 讲解： 1.<form> ：<form>标签是成对出现的，以<form>...原创 2019-01-30 17:10:16 · 325 阅读 · 0 评论 -
HTML+CSS ----- css样式设置小技巧
水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。 这里我们又得分两种情况：行内元素 还是 块状元素 ，块状元素里面又分为定宽块状元素，以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中？ 如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元...原创 2019-02-03 20:45:23 · 222 阅读 · 0 评论 -
HTML+CSS ----- CSS代码缩写，占用更少的带宽/单位和值
盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 1、如果top...原创 2019-02-03 20:07:03 · 265 阅读 · 0 评论 -
HTML+CSS ----- CSS布局模型
css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和...原创 2019-02-03 18:46:15 · 286 阅读 · 0 评论 -
HTML+CSS ---- CSS格式化排版
文字排版--字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。） 现...原创 2019-02-02 15:15:28 · 588 阅读 · 0 评论 -
HTML+CSS ----- CSS的继承、层叠和特殊性
继承 CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} <p>三年级时，我还是一个<span>胆小如鼠</span>的小...原创 2019-02-02 12:23:09 · 187 阅读 · 0 评论 -
HTML+CSS-----认识标签(第一部分)
语义化，让你的网页更好的被搜索引擎理解 在这一章节我们要开始把网页中常用到的标签一 一向大家介绍，学习这一章节的时候要记住学习html标签过程中，主要注意两个方面的学习：标签的用途、标签在浏览器中的默认样式。 标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，...原创 2019-01-16 22:14:17 · 275 阅读 · 0 评论 -
HTML+CSS-----HTML介绍
本栏目大部分摘自慕课初识HTML+CSS，仅供初学者学习 赋网址：https://www.imooc.com/learn/9 Html和CSS的关系 学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频...原创 2019-01-16 20:17:16 · 366 阅读 · 0 评论 -
HTML+CSS-----认识标签(第三部分)
使用<a>标签，链接到另一个页面 使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。 语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如： <a href="http://www.imooc.com" tit原创 2019-01-17 19:03:37 · 333 阅读 · 0 评论 -
HTML+CSS ----- CSS选择器
什么是选择器？ 每一条css样式声明（定义）由两部分组成，形式如下： 选择器{ 样式; } 在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。 标签选择器 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<b...原创 2019-01-30 21:19:28 · 171 阅读 · 0 评论