CSS网页制作常用标签

做了一个简单的网页,从布局到加内容,遇到了很多小问题.很多标签和属性都不会用或者忘记了.所以以此记录一下. 一.如何将边框四角变圆?(或做一个圆形) 顾名思义,如果要更改边框的角需要用到边框(border)的属性. 利用radius属性进行更改,后面的值越大,角的圆度越大. → 画的很辛苦.点个赞吧!! 二.段落文字下划线(and整段) 1.鼠标悬浮下划线通常我们写鼠标悬浮下划线的时候都会使用:border-bottom:1px solid black;这样的方式.但是对于一整段并分上下行的用…

HTML|CSS之HTML常用标签

知识内容: 1.标签 2.head内标签 3.body内常用标签注:本人使用的HTML为HTML5 一.标签 1.标签格式标签的语法: <标签名属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名><标签名属性1=“属性值1” 属性2=“属性值2”…… /> 2.自闭合标签与主动闭合标签 <meta charset="UTF-8"> (自闭合标签) <title>标题</title> (主动闭…

WP主题制作常用标签代码

WordPress模板结构 style.css : CSS文件index.php : 主页模板archive.php : Archive/Category模板404.php : Not Found 错误页模板comments.php : 留言/回复模板footer.php : Footer模板header.php : Header模板sidebar.php : 侧栏模板page.php : 内容页(Page)模板single.php : 内容页(Post)模板searchform.php : 搜…

项目实践2:项目中的CSS网页布局(常用)

好家伙, 整个网页做下来,最主要的,自然是css的网页布局(菜鸟好用啊) 我需要一个大概这样的布局: 然后上代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 网页布局 - 菜鸟教程(runoob.com)</title> <meta name="viewport" content="width=…

网页制作常用的CSS知识

在制作网页中,我们会用到很多CSS的知识,在这里我简单的总结了一些. div 划分区块 ul,li 无序列表(配合划分区块) ol,li 有序列表 a 超链接标签 p 段落标签 h 标题标签 img 向网页插入图片 input 输入框 text-align:center 文本文字居中 text-decoration:none 去下划线 list-style:none 去掉列表前缀 display:block 变为块级元素,然后就可以设置宽高那些了 float…

html和css的一些常用标签使用

HTML(HyperText Mark-up Language)超文本标签语言 <!DOCTYPE html>  <html>  <head>  <meta charset="UTF-8">  <t…

DIV+CSS网页布局常用的一些基础知识

CSS命名规范一．文件命名规范全局样式:global.css:框架布局:layout.css:字体样式:font.css:链接样式:link.css:打印样式:print.css: 二．常用类/ID命名规范页眉:header内容:content容器:container页脚:footer版权:copyright 导航:menu主导航:mainMenu子导航:subMenu标志:logo标语:banner标题:title侧边栏:sidebar图标:Icon注释:note搜…

DIV+CSS网页布局常用的一些基础知识整理

CSS命名规范一．文件命名规范全局样式:global.css: 框架布局:layout.css: 字体样式:font.css: 链接样式:link.css: 打印样式:print.css: 二．常用类/ID命名规范页眉:header 内容:content 容器:container 页脚:footer 版权:copyright 导航:menu 主导航:mainMenu 子导航:subMenu 标志:logo 标语:banner 标题:title 侧边栏:sidebar 图…

平常写css网页制作时最实用的九条CSS技巧

一.使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则请参看<css基本语法>. 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误.在HTML中你可以只写;100,但是在CSS中,你必须给一个准确的单位,比如:" width:100em.只有两个例外情况可以不定义单位:行高和0值.除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格. 三.区分大小写当在XHTML中使用CSS,CSS里定义的元素名称是区分大小…

9月5日网页基础知识通用标签、属性（body属性、路径、格式控制）通用标签（有序列表、无序列表、常用标签）（补）

网页基础知识一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网页的后缀有.html .htm. 2.动态页面:动态页面可以从后台更改改,数据来源于数据库,后台更改后网页原代码不会发生变化.动态网页的后缀有 .php(php做的) .aspx(.net语言做的) .jsp(java做的). 三.网页制作软件Dreamweaver Dreamweaver简称DW,…

CSS常用标签

CSS常用标签一 CSS文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文…

前端之常用标签和CSS初识

外层div的宽度是100%,就是视口的大小,当视口被拉窄到小于内层div的宽度980px时,比如800px,此时外层div宽度为800px,内层div宽度依然为980px,而css中只设置了外层div有背景色,所以说只有800px那一部分会显示背景色,而超出视口的部分是属于内层div的,内层没有设置背景色,所以是空白! 标准规范介绍 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&…

HTML之一天学会html(常用标签+网页架构)

1. 网页文件的创建新建一个文本文件,将其命名为xxx.html或者xxx.htm(注意后缀名) 2. 简单的html页面的编写在网页中都是通过标签来指定相应的显示内容,所有的页面内容都必须在<html>中,每个标签都要有相应的开始和结束,<htlm>表示开始,</html>表示结束. 页面中的标签都用小写(虽然可以用大写,但是基于xhtml的标准就是全部用小写) 3. 对于html而言,有两种写法是不允许的: 第一种,只有开始标签没有结束标签. 第二种,标签…

web@前端--html,css,javascript简介、第一个页面(常用标签简介)

1.什么是标签#1.在HTML中规定标签使用英文的的尖括号即`<`和`>`包起来,如`<html>`.`<head>`.`<body>`都是标签,#2. HTML中标签通常情况下是成对出现的,分为开始标签和结束标签,结束标签比开始标签多了一个`/`,开始标签和结束标签之间的就是标签的内容.#3.有些标签功能比较简单,使用一个标签即可,这种标签叫做自闭和标签,例如:<br/> <hr/> <input/> <img/&…

CSS常用标签-手打抄录-感谢原未知博主-拜谢了

CSS常用标签 CSS常用标签一 CSS文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight…

HTML&CSS基础-html常用的标签

HTML&CSS基础-html常用的标签作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html的源代码 <!DOCTYPE html> <html> <head>  <meta charset…

HTML语言网页制作-----标签、表格、表单、框架

一:序 Html静态网页,内容(hyper text markup language,超文本标记语言) Css 网页美化 Javascript 脚本语言二:html的介绍 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="…

#3使用html+css+js制作网页番外篇使用python flask 框架 (I)

#3使用html+css+js制作网页番外篇使用python flask 框架(I 第一部) 0. 本系列教程 1. 准备 a.python b. flask c. flask 环境安装 d. flask 基本文件结构 2. 后端实现 a. flask 基本框架 b. flask 显示前端页面 c. flask 给前端传值 d. flask 接收前端传值 3. 前端实现 a. 分层 b. 接收参数 c. 前端给后端传参 d. 登录页面前端 4. 前端+后端的简单组合 0. 本系列教程 #1使…

#3使用html+css+js制作网页制作登录网页

#3使用html+css+js制作网页制作登录网页本系列链接 2制作登录网页 2.1 准备 2.1.1 创建文件夹 2.1.2 创建主文件 2.2 html部分 2.2.1 网站信息 2.2.2 主要框架 2.2.3 给每个元素添加ID 2.3 css部分 2.3.1 创建主css文件 2.3.2 引入css文件 2.3.3 美化页面 Step1 垂直居中 Step2 与页面上方距离 Step3 添加圆角边框 Step4 添加标题 2.3.4 美化组件 BUTTON INPUT 2.4回顾…

《网页设计基础——HTML常用标签》

网页设计基础--HTML常用标签一.网页框架: 格式: <html> <head> <title>网页标题</title> <style> /* CSS代码 */ </style> </head> <body>  </body> </html> 二.块级标签: 1.标题标签 <h1>一级标题</h1>…

转载：手机网页制作的认识（有关meta标签）

下面是手机网页的一些认识: 一.<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1"> 网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放. <meta name="viewport" content="width=devic…

学习网页制作中如何在正确选取和使用 CSS 单位

在 CSS 测量系统中,有好几种单位,如像素.百分比.英寸.厘米等等,Web 开发人员很难了解哪些单位在何处使用,如何使用.很多人习惯了总是使用同一种单位,但这一决定可能会严重限制你的设计的执行. 这里推荐的<Which CSS Measurements To Use When> 这篇文章介绍了各种单位的使用场合,可以参考一下. 您可能感兴趣的相关文章 10款唯美浪漫的婚礼 & 结婚纪念网站模板那些让人惊叹的的国外创意404错误页面设计 10大流行的 Metro UI 风格 Boot…

HTML&CSS基础学习笔记1.5-添加常用标签

代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简单的网页</title> <script src="index.js"></script></head><body><h1>故乡</h1>…

html(常用标签,标签分类)，页面模板， CSS(css的三种引入方式)，三种引入方式优先级

HTML 标记语言为非编程语言负责完成页面的结构组成: 标签:被<>包裹的由字母开头,可以结合合法字符( -|数字 ),能被浏览器解析的特殊符号,标签有头有尾指令:被<>包裹的由 ! 开头转义字符: 空格 &lt : < &gt : > 页面模板 <!doctype html>  <html>  <head>  &…

css常用标签及属性

css样式表常用的形式有三种,一.行内样式表.二.内部样式表.三.外部样式表一. <p style="color:red;">nice to meet you</p> 二. 在head中写入 <style type="text/css"> p{ color:red; } .myclass{ color:blue; font-size:2em; } #idname{ color:red; } </style> 三.外部…

HTML、CSS、JavaScript网页制作从入门到精通 (刘西杰) pdf扫描版彩色版

html.css.JavaScript网页制作从入门到精通中从基础知识开始讲起,如html的基本标记.文字与段落标记.表格标记.超链接标记……同时介绍了目前流行的web标准与css网页布局实例,以及基于语言的网页特效制作.需要的朋友们可以下载看看! HTML\CSS\JavaScript网页制作从入门到精通共分为18章和4个附录,重点介绍使用HTML进行网页制作的方方面面,同时讲解了目前流行的Web标准与CSS网页布局实例,以及基于JavaScript语言的网页特效制作.为了便于读者学习,附录中…