![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
dada678
这个作者很懒,什么都没留下…
展开
-
5-7使用提交按钮,提交数据
在表单中有两种按钮可以使用,分别为:提交按钮、重置。这一小节讲解提交按钮:当用户需要提交表单信息到服务器时,需要用到提交按钮。语法:type="submit" value="提交">type:只有当type值设置为submit时,按钮才有提交作用value:按钮上显示的文字举例:在浏览器中显示的结果:转载 2016-06-19 14:39:16 · 519 阅读 · 0 评论 -
13-1盒模型代码简写关于颜色的css样式也是可以缩写的,当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。 例子1: p{color:#000000;} 可以缩写为: p{
还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:1、如果top、right转载 2016-06-19 21:37:07 · 922 阅读 · 0 评论 -
12-1css布局模型
清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。转载 2016-06-19 21:14:41 · 154 阅读 · 0 评论 -
11-2盒模型
,,,,,等块级标签都有盒子模型的特点。五仁月饼和装五仁月饼的盒子月饼和盒子之间的边距:内填充 Padding(padding-top,padding-right,padding-bottom,padding-left)盒子边框:boder两个月饼礼盒之间的距离:margin转载 2016-06-19 20:59:36 · 155 阅读 · 0 评论 -
11-1元素分类
在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:、 元素分类--块级元素什么是块级元素?在html中、 、、、转载 2016-06-19 20:41:07 · 223 阅读 · 0 评论 -
10-1文字排版--字体、字号、颜色、粗体、斜体、下划线、删除线
我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。)现在一般网转载 2016-06-19 20:23:40 · 5825 阅读 · 0 评论 -
9-4CSS重要性
我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。如下代码:p{color:red!important;}p{color:green;}三年级时,我还是一个胆小如鼠的小女孩。这时 p 段落中的文本会显示的red红色。注意:!important要写在分号的前面这里注意当网页制作者不设置cs转载 2016-06-19 15:46:06 · 397 阅读 · 0 评论 -
9-3CSS层叠
们来思考一个问题:如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值怎么办?好,这一小节中的层叠帮你解决这个问题。层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。如下面代码:p{color:red;}p{color:gree转载 2016-06-19 15:43:48 · 136 阅读 · 0 评论 -
9-1CSS的继承
CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}三年级时,我还是一个胆小如鼠的小女孩。可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。但转载 2016-06-19 15:38:40 · 204 阅读 · 0 评论 -
7-4三种方法的优先级
有的小伙伴问了,如果有一种情况:对于同一个元素我们同时用了三种方法设置css样式,那么哪种方法真正有效呢?在右边编辑器就出现了这种情况1、使用内联式CSS设置“超酷的互联网”文字为粉色。2、然后使用嵌入式CSS来设置文字为红色。3、最后又使用外部式设置文字为蓝色(style.css文件中设置)。但最终你可以观察到“超酷的互联网”这个短词的文本被设置为了粉色。因为这三转载 2016-06-19 15:03:04 · 287 阅读 · 0 评论 -
7-2嵌入式css样式,写在当前的文件中
现在有一任务,把右侧编辑器中的“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短词文字字号修改为18px。如果用上节课我们学习的内联式css样式的方法进行设置将是一件很头疼的事情(为每一个标签加入sytle="font-size:18px"语句),本小节讲解一种新的方法嵌入式css样式来实现这个任务。嵌入式css样式,就是可以把css样式代码写在标签之间。如下面代码实现把三个标签中的转载 2016-06-19 15:00:05 · 235 阅读 · 0 评论 -
7-1内联式css样式,直接写在现有的HTML标签中
CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:这里文字是红色。注意要写在元素的开始标签里,下面这种写法是错误的:这里文字是红色。style="color:red">并且css样式代码要写在style="转载 2016-06-19 14:58:12 · 319 阅读 · 0 评论 -
6-4CSS注释代码
就像在Html的注释一样,在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用)。就像下面代码:转载 2016-06-19 14:55:26 · 140 阅读 · 0 评论 -
6-2CSS样式的优势
为什么使用css样式来设置网页的外观样式呢?右边编辑器是一段文字,我们想把“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短语的文本颜色设置为红色,这时就 可以通过设置样式来设置,而且只需要编写一条css样式语句。第一步:把这三个短语用括起来。(见右边代码编辑器13行)第二步:写入下列代码:(见右边代码编辑器7-8行)span{ color:red;}转载 2016-06-19 14:50:30 · 163 阅读 · 0 评论 -
6-1认识CSS样式
CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。如下列代码:p{ font-size:12px; color:red; font-weight:bold;}使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜转载 2016-06-19 14:48:53 · 230 阅读 · 0 评论 -
5-9form表单中的label标签
小伙伴们,你们在前面学习表单各种控件的时候,有没有发现一个标签--label,这一小节就来揭晓它的作用。label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。语法:转载 2016-06-19 14:43:23 · 164 阅读 · 0 评论 -
第15章 css样式设置小技巧
水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。这里我们又得分两种情况:行内元素 还是 块状元素 ,块状元素里面又分为定宽块状元素,以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中?如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center转载 2016-06-20 13:30:43 · 288 阅读 · 0 评论