码迷,mamicode.com
首页 >  
搜索关键字:前端入门    ( 189个结果
web前端入门到实战:html常用标签、包含关系、常用术语,以及网页设计中的字体分类
字体的分类:serif(衬线字体){在笔画上面有些特殊的修饰效果}sans-serif(非衬线字体){横平竖直.横就是横,点就是点}monospace(等宽字体)cursive(草书字体)fantasy(虚幻字体)以上这些分类都是一些大的分类,并没有涉及具体的类型,如果将字体指定为这些格式,浏览器会自己选择指定类型的字体。一般情况在指定字体的时候.把分类名称放到最后面当备用字体html标签html
分类:Web程序   时间:2019-11-19 09:16:16    阅读次数:110
web前端入门到实战:css浮动的特性,与浮动带来的影响以及如何清除浮动
块元素在文档流中默认垂直排列,所以多个div从上至下依次排开如果希望块元素在页面中水平排列,可以使用float来使元素浮动,从而脱离文档流,元素脱离文档流以后,它下边的元素会立即向上移动css浮动的特性1.浮动的元素不会盖住文字,文字会自动环绕在浮动元素的周围2.元素浮动以后,会尽量向页面的左上或这是右上漂浮,直到遇到父元素的边框或者其他的浮动元素3.如果浮动元素上边是一个没有浮动的块元素,则浮动
分类:Web程序   时间:2019-11-17 13:05:14    阅读次数:120
web前端入门到实战:html常见的块元素与内联(行内)元素用法说明
html平时常见的块元素有:div,p,h1,h2,h3等,内联元素有:span,a,img等。块元素的属性:无论内容是什么,都会独占一整行。主要用于页面布局。内联元素的属性:只占自身大小的元素,不会占用一行。主要用于选中文本设置样式。div块元素仅仅只用于进行页面布局,它自身不带任何默认样式。span内联元素可以用来选中文本设置文本的样式,其自身不会带默认样式。一般情况下,只使用块元素包含内联元
分类:Web程序   时间:2019-11-17 12:52:04    阅读次数:80
web前端入门到实战:纯HTML做出几个实用网页效果
在我们以往看到的页面效果中,很多效果是需要JS搭配使用的,而今天在本文中,我将介绍如何使用纯HTML打造属于自己的实用效果。1.**折叠手风琴**使用Details和Summary标签可以创建没有JavaScript代码的可折叠手风琴。效果:HTML<details><summary>LanguagesUsed</summary><p>Thispag
分类:Web程序   时间:2019-11-17 12:37:45    阅读次数:78
web前端入门到实战:html基础—下拉式菜单
一个网站能否让用户容易使用该网站往往是由菜单栏体现出来,因为它为网页的大多数页面提供功能入口。一个轻轻的点击以后,即可显示出菜单项,将网站的大部分页面和功能显示出来让用户清楚了解从而用户节约一定的时间。接下来我教大家写单击菜单栏中的菜单命令将会出现一个下拉菜单。1.HTML页面<divid="nav"><ul><li><ahref="">菜单一<
分类:Web程序   时间:2019-11-17 12:29:22    阅读次数:80
前端入门
[TOC] 一、前端 1. 前端简介 1. 什么是前端 任何与用户直接打交道的操作界面,都可以称之为前端 2.什么是后端 真正的幕后操作者 3. 为什么学前端 技多不压身 全栈工程师(前后端都得会) 2. 软件开发架构 1. C/S 2. B/S B/S本质也是C/S 统一接口思想( ) 虽然我们现 ...
分类:其他好文   时间:2019-11-12 20:13:14    阅读次数:81
web前端入门到实战:HTML中img标签的src属性绝对路径问题解决办法,完全解决!
HTML中img标签的src属性绝对路径问题解决办法,完全解决需求:有时候自己的项目img的src路径需要用到本地某文件夹下的图片,而不是直接使用项目根目录下的图片。场景:eclipse,tomcat,html,img,src,java注意:不需要寻找tomcat真实路径下的server.xml去修改,这个地方不需要修改。解决办法:1、在eclipse中找到你的项目发布的tomcat服务器,然后找
分类:Web程序   时间:2019-11-10 21:12:53    阅读次数:106
web前端入门到实战:HTML DOM 事件(实现一个简单的回到顶部功能)
HTMLDOM事件允许Javascript在HTML文档元素中注册不同事件处理程序。事件通常与函数结合使用,函数不会在事件发生前被执行!(如用户点击按钮)。利用onscroll事件写一个回到顶部功能,代码如下:<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><metaname="
分类:Web程序   时间:2019-11-10 21:02:03    阅读次数:108
web前端入门到实战:HTML-JS中的单双引混合处理原则
Web开发时常会遇到链接中调用JS操作,如:<ahref="#"onclick="showName(‘donhwa‘)">查看名字</a>这里的名字donhwa,偶尔会带有单引,或双引,或兼有之。这时,又要如何调整才不会暴脚本感叹号呢?也许你我都经常遇到,偶尔调整一阵可以了就这样过了,没有总结下来。下面是整理了一下的结
分类:Web程序   时间:2019-11-10 21:01:37    阅读次数:111
web前端入门到实战:html/css弹性布局的几大常用属性详解
弹性布局的名称概念:1、容器:需要添加弹性布局的父元素;项目:弹性布局容器中的每一个子元素,称为项目。2、主轴:在弹性布局中,我们会通过属性规定水平/垂直方向(flex-direction)为主轴;与主轴垂直的另一方向,称为交叉轴。弹性布局的重要的几大基础属性:1、flex-direction属性决定主轴的方向(即项目的排列方向)。row(默认值):主轴为水平方向,起点在左端;row-revers
分类:Web程序   时间:2019-11-10 20:59:39    阅读次数:130
189条   上一页 1 ... 7 8 9 10 11 ... 19 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!