慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

qqai_0

标签选择器：标签名{},作用于所有标签。
类选择器：.类名{}，在标签内定义class="",属图形结构。
ID选择器：#ID{}，在标签内定义id="",有严格的一一对应关系。
子选择器：.span>li{}，作用于父元素span下一层的li标签。
包含选择器：.span li{}，作用于父元素span下所有li标签。
通用选择器: *{}，匹配所有html元素。
伪类选择符：它允许给html不存在的标签(标签的某种状态)设置样式，比如说我们给html中的一个标签元素的鼠标滑过的状态来设置字体颜色。a:hover
伪类选择器:
A标签的四种状态
1 首次显示的状态:link
2 鼠标位于其上的状态：hover
3 鼠标在其上按下的状态：active
4 A链接被访问后的状态：visited
如果A链接设置以上四种样式，那么一定按顺序书写
a:link,a:visited{color:red;}
a:hover,a:active{color:orange;}

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2021-06-23
小兔吃豆腐

标签注释

查看全部

0 采集收起来源：解释不等于掩饰- html文件注释
2021-06-23
qqai_0

1.PX:
PX实际上就是像素，用PX设置字体大小时，比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，如果改变了浏览器的缩放，这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说，就是一个大问题了。因此，这时就提出了使用“em”来定义Web页面的字体。

EM:
EM就是根据基准来缩放字体的大小。EM实质是一个相对值，而非具体的数值。这种技术需要一个参考点，一般都是以<body>的“font-size”为基准。如WordPress官方主题Twenntytwelve的基准就是14px=1em。
另外，em是相对于父元素的属性而计算的，如果想计算px和em之间的换算，这个网站不错，输入数据就可以px和em相互计算。狠击这里：px和em换算
2.hi默认字体字号是32px.
3.为什么input标签选择器不能居中
nput是行内元素，要先设置为块级元素再设置居中多加一个style属性：使用display来设置为块级元素，之后才能生效，下面有代码：<input type="button" value="换色" />
4.为什么使用本地图片的存储路径以及名称，图片都无法显示呢？
使用webstrom的话那你就是在本地写的代码，路径参考1楼的回答 <img src="./tupian.jpg" />图片需要跟你的html文件放在同个目录（同一层级），这是相对路径的写法。绝对路径写法是：<img src="file://e:/image/picture.jpg" />

查看全部

0 采集收起来源：选一个标签 - 标签选择器
2021-06-23
小兔吃豆腐

1、css是用来修饰html样式的

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2021-06-23
qqai_0

使用单选框、复选框，让用户选择
html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。
语法：
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
1、type:
当 type="radio" 时，控件为单选框
当 type="checkbox" 时，控件为复选框
2、value：提交数据到服务器的值（后台程序PHP使用）
3、name：为控件命名，以备后台程序 ASP、PHP 使用
4、checked：当设置 checked="checked" 时，该选项被默认选中

单选时，name的取值要一致

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2021-06-22
qqai_0

textarea文本域小功能：
cols="35"　　　　　　　　　行数为35(长)
rows="10"　　　　　　　　　列数为10(高)
maxlength="100"　　　　　　限100个字
wrap="off"　　　　　　　　　关闭换行
placeholder="输入文字"　　　提示文字(有默认值不显示)
可加css样式：
　　　文本框样式(粗细实线颜色)

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2021-06-22
拖拉机本垃

inline-block （内联块状）元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2021-06-22
拖拉机本垃

内联元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度及顶部和底部边距不可设置；
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2021-06-22
拖拉机本垃

块状元素的特点：
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2021-06-22
拖拉机本垃

常用的块状元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有：
<img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2021-06-22
江南李大炮

在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。
常用的块状元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有：
<img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2021-06-21
江南李大炮

1、text-decoration可以设置添加到文本的修饰。
2、text-decoration默认值为none, 定义标准的文本。
3、text-decoration的值为underline为定义文本下的一条线。
4、text-decoration的值为overline为定义文本上的一条线。
5、text-decoration的值为line-through为定义穿过文本下的一条线，一般用于商品折扣价。

查看全部

0 采集收起来源：给文本装饰一下 - 使用text-decoration添加文本修饰
2021-06-21
qqai_0

头部元素有<head> <title> <script> <style> <link> <meta>
<head> 定义关于文档的信息。
<title> 定义文档标题。
<base> 定义页面上所有链接的默认地址或默认目标。
<link> 定义文档与外部资源之间的关系。
<meta> 定义关于 HTML 文档的元数据。
<script> 定义客户端脚本。
<style> 定义文档的样式信息
<p></p>是段落标签。
<html></html>成为根标签

加强语气有<em> <strong> 其中<em>表示强调，用斜体表示。 <strong>表示更强烈的强调，用粗体表示。
<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。
<q>标签，短文本的引用（双引号表示的是引用别人的话）
<blockquote>标签，长文本的引用即缩进样式
<br/>标签，分行显示文本，记住在最后的文本中是不需要<br/>标签的
&nbsp代表的是空格
<hr>标签，添加水平横线其中<hr/>和<br/>标签都是一个空标签，所以只有开始标签，没有结束标签
<address>标签，为网页加入地址信息
<code>标签，加入一行代码，如果是多行代码，可以使用<pre>标签
使用ul添加新闻信息列表，使用ul-li标签是没有前后顺序的信息列表<ul><li><li/><ul/>

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2021-06-22

首页上一页 238 239 240 241 242 243 244 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。