在这个夏天与Html5不期而遇（六）

一、写导航时的命名：

nav：导航

mainnav：主导航

subnav：子导航

topnav：顶部导航

sidebar：边缘导航

leftsidebar：左侧导航

rightsidebar：右侧导航

menu：菜单部分

submenu：子菜单部分

title：标题

summary:摘要

二、写功能栏时的命名：

logo：标志

banner：广告

loginbar：登录条

regsiter：注册

search：搜索

shop：功能区

joinus：加入

status：状态

btn：按钮

scroll：滚动

list：文章列表

msg：提示信息

current：当前的

icon：图标

note：注释

guild：指南

service：服务

hot：热点

news：新闻

download：下载

vote：投票

partner：合作伙伴

link：友情链接

另外：

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

时间： 2024-12-20 15:07:40

在这个夏天与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