在这个夏天与Html5不期而遇(六)

一、写导航时的命名:

nav:导航

mainnav:主导航

subnav:子导航

topnav:顶部导航

sidebar:边缘导航

leftsidebar:左侧导航

rightsidebar:右侧导航

menu:菜单部分

submenu:子菜单部分

title:标题

summary:摘要

二、写功能栏时的命名:

logo:标志

banner:广告

login:登录

loginbar:登录条

regsiter:注册

search:搜索

shop:功能区

joinus:加入

status:状态

btn:按钮

scroll:滚动

list:文章列表

msg:提示信息

current:当前的

icon:图标

note:注释

guild:指南

service:服务

hot:热点

news:新闻

download:下载

vote:投票

partner:合作伙伴

link:友情链接

copyright:版权

另外:

主要的 master.css 
模块 module.css 
基本共用 base.css 
布局,版面 layout.css 
主题 themes.css 
专栏 columns.css 
文字 font.css 
表单 forms.css 
补丁 mend.css 
打印 print.css

时间: 2024-10-14 08:19:35

在这个夏天与Html5不期而遇(六)的相关文章

在这个夏天与Html5不期而遇(三)

一.HTML 1.学习HTML我们主要做的工作是前端,在与后台结合的过程中我们都需要互相有一定的了解. 2.服务器技术:PHP技术,JAVA技术,.NET技术 3.客户端技术: 基础:Html5 css3 javascript 中级:jquery(Java的框架) bootstrap(前端框架) 简单的服务器技术 ajax技术 高级:(协同工作的软件)+手机APP页面+react native 4.WEB的工作原理: B/S模式:浏览器/服务器(这是我们日常使用的网页搜索模式) C/S模式:客户

在这个夏天与Html5不期而遇(二)

二.HTML5 学习HTML需要我们对互联网有一个全新的认识.本篇对浅谈互联网: 1.互联网:通俗的讲是所有网站及内容的集合 Internet提供的主要服务有哪些,即我们日常说的互联网究竟产生的价值是什么: Telnet: 远程登录功能(对于电脑小白来说,这是高大上的电脑应用) Emeil:电子邮件(日常沟通交流的信息传输工具) WWW:万维网(互联网的核心功能) BBS:如论坛,贴吧,百度等2.FTP/IP协议簇:这就像电脑运行的桥梁.如同人与人之间沟通是需要媒介的. 3.了解一些基本知识后,

在这个夏天与Html5不期而遇

一.Html5 1.万维网的核心语言,高大上称之为超文本标记语言(Html)的第五次修改 2.完成的时间:2014年10月29日 3.我们需要了解有一定高度的知识: WHATWG  WEB超文本应用技术工作组 World Wide Web Consortium:万维网联盟4.使用的工具: Sublime text3 Dream weaver Webstorm 5.TDE:集成开发环境 分享:学习Html需要技术上的练习,更需要站在一定的高度去思考!

在这个夏天与Html5不期而遇(五)

一.字体属性: 选择字体:font-family:value,value....指定字体的显示,按照顺序直到能够匹配 字体的大小:font-size:39px: 字体加粗:font-weight:bold: 字体样式:font-style:italic(斜体)normal: 大写字母:font-variant:normal /small-caps(小型大写字母) 注:font属性 font:style.variant.weight.size.family 不设置的默认 二.文本属性: 文本的颜色

在这个夏天与Html5不期而遇(八)

一.关键帧 1.表示符:@keyframs  (0%~100%) @keyframsNAME { 0% { CSS样式 {color:red:} } .         . .         . .         . } 100% { CSS样式 {color:red:} } 帧设计的越细,动画越逼真!与过渡相比不需要触发 2.实现动画需要的属性: amimation-name:给动画起一个名称 animation-duration:设置动画持续周期 animation-timing-fun

在这个夏天与Html5不期而遇(七)

一.选择符在运用在CSS设计样式时对HTML的指定有至关重要的作用! 二.研究 普通选择符: 1.类型选择符:它可以选择同一个类型的元素! 例如:h1,h2 { color:red; } 可以对多个元素同时选择! 2.属性选择符:它可以根据元素的属性去选择!可以做到任何,全选! 例如:* { color:red; } 3.类选择符/ID选择符:特殊的属性选择符 .a { color:red; } #a { color:red; } 结构选择符: 1.包含选择符(后代选择符):div p ul l

下拉菜单问题的研究:在这个夏天与Html5不期而遇(十)

一.html部分 <ul> <li  class="name-1"><a href="#">第五组</a> <ul  class="name-2"> <li> ......</li> <li>..........</li> <li>..........</li> </ul> </li> <

蓝鸥零基础学习HTML5第六讲 CSS的常见样式

蓝鸥零基础学习HTML5第六讲 CSS的常见样式 CSS的常见样式 1.css文本样式的设置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div { font-size:160px; font-family: "sans-Seri

HTML5 Canvas 六角光阑动态效果

光阑是光具组件中光学元件的边缘.框架或特别设置的带孔屏障,本人实现了结构比较简单的六角光阑,效果有点像宇航员在徐徐张开的飞船舷窗中看到逐渐完整的地球,下面四张图可以感受一下. 当然看动态效果才能真正体验,要看完整的演示请下载:https://files.cnblogs.com/files/xiandedanteng/slotAnimation.rar 并用chrome打开. 代码如下: <!DOCTYPE html> <html lang="utf-8"> &l