首页CSS样式WIP

.dayTitle a>img {
    display: none
}

a {
    text-decoration: none;
}

body {
    background: #eee;
    margin-left: 18%;
    width: 80%
}

.menu {
    font-size: 1.3em;
    font-color: red
}

#blog-calendar {
    border: 2px solid red
}

#header {
    border: 2px solid red
}

.day {
    border: 1px solid;
    margin: .6em;
    background: #45d877;
    padding: .6em
}

#mytopmenu {
    border: 2px solid red
}

#mylinks {
    height: 768px;
    position: fixed;
    width: 14em;
    top: 0em;
    left: 0;
    padding-left: 0em;
    text-indent: .8em;
    background: white;
    box-shadow: 2px 2px 2px silver
}

.postDesc {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    color: #666;
    font-size: .9em;
    padding-bottom: 4px
}

#MyLinks1_HomeLink {
    margin-top: 1em;
}

#MyLinks1_XMLLink img {
    height: 1em
}

#mylinks a {
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: youyuan;
    display: block;
    text-decoration: none;
    color: #666;
    transition: all .3s ease-in
}

#mylinks a:hover {
    font-size: 2em;
    background: lightblue
}

#mystats {
      border: 2px solid red
}

#centercontent {
    float: left;
    width: 72%;
    padding: .4em;
    margin: .4em 0 auto 0;
    background: white;
    box-shadow: 2px 2px 2px silver
}

#leftcontent {
    overflow: hidden;
    width: 25%;
    float: right;
    background: white;
    box-shadow: 2px 2px 2px silver
}

#leftcontentcontainer {
    border: 2px solid blue;
}

#blog-sidecolumn {
    border: 2px solid red
}

.footer {
    display: none
}

#Header1_HeaderTitle {
    font-family: youyuan;
    font-size: 1.6em;
    border: 2px solid red
}

.newsItem {
    border: 2px solid yellow
}

#cnblogs_post_body {
    padding: 1em;
}

.myfooter {
    clear: both;
    text-align: center;
    margin: 2em auto;
    box-shadow: 2px 2px 2px silver
}

.myfooter p {
    transition: all 0.3s ease-in;
    text-align: center;
    font-family: "vladimir script";
    color: #666;
    background: #fff;
    font-size: 1.2em;
    padding: 6px;
}

.myfooter p:hover {
    font-size: 2em;
    font-shadow: 2px 2px silver
}
时间: 2024-08-04 17:05:39

首页CSS样式WIP的相关文章

首页CSS样式

* { font-family: "Microsoft yahei"; color: #5a5751; font-weight: lighter } a:hover { color: lightblue } .dayTitle a>img { display: none } a { text-decoration: none; } body { background: #ddd url(); margin-left: 18%; width: 80% } .menu { font-

网站首页蒙灰CSS样式

2020/4/4 全国哀悼日,各大网站首页都变成了灰色,那么如何实现这样的效果呢? 只要添加如下的全局CSS样式即可: html,html *{ filter:gray!important; filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms

CSS样式表规划经验总结

最近看到一些关于CSS文件管理的问题,下面我就自己的经验说说,一个好的CSS文件主要是看他是否具有易维护性.下面我就说说我个人的看法: 一.CSS文件的规划 我在规划CSS的时候,我比较喜欢建立全局css及各模块css.在html页面中引用全局css,在全局css中引用各模块css.比如,建立global.css为全局css,在全局css中定义“* { … } body { … }”之类的全局样式.在全局样式中通过“@import url(”xxx.css”);”引入模块css. 关于模块CSS

关于CSS样式的那些事_导航条菜单讲解

最近开始忙着开自己的个人博客了,自己的前端确实是渣渣.没办法,一步步来,从慕课网上慢慢学着先. 首先带来的是一个导航栏的设计: 垂直导航栏的设计: 直接上代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="h

css命名规范&mdash;CSS样式命名整理

CSS样式命名整理 页面结构 容器: container/wrap整体宽度:wrapper页头:header内容:content页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column中间内容:center 导航 导航:nav导航:mainbav/globalnav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar边导航图标:sidebarIcon菜单:menu子菜单:submenu标题: t

关于量产型页面的css样式开发心得

量产型页面? 为了方便讨论,有必要就什么是"量产型页面"达成一致.这里所说的量产型页面是指采用通用模块和组件拼凑出来的页面,典型的如:网站管理员后台的页面,这些页面大多是由.ui-box.ui-form.ui-data.ui-btn等通用的模块和组件组装出来的. 量产型页面一般数量较多,而且还会随着网站功能的扩展而不断增加,所以对于这类页面的开发应该优先考虑的是开发效率和文件的组织管理.本文专门就开发此类页面时关于CSS方面的处理做一下心得分享. 我们知道,给元素应用样式无非就只有两种

如何让后加载的元素被一开始就有的css样式渲染成功(强制提升css优先级)

今天在做搜索框中的提示语下拉的时候,提示框把搜索框的底部的border遮住,导致看起来不是很美观: 因为下方的提示框是用js后加载的它的样式也是随着js一起加载的,而这个js和它的css我们是不能改动的.如果直接一开始就使用css设置,卸载首页的css文件中,当focus输入框的时候,输入框的css是后加载进来以及渲染的,以至于我们看到的结果是一开始写在首页css文件中的样式被后面加载的样式覆盖了: 方案一:使用js定时器,当focus后延时一会儿大概255ms左右,再来渲染提示框的上边框颜色,

CSS样式命名整理(非原创)

非原创,具体出自哪里忘了,如果侵害您的利益,请联系我. CSS样式命名整理 页面结构 容器: container/wrap 整体宽度:wrapper 页头:header 内容:content 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 中间内容:center 导航 导航:nav 导航:mainbav/globalnav 子导航:subnav 顶导航:topnav 边导航:sidebar 左导航:leftsidebar 右导航:rightside

css命名规范—CSS样式命名整理

CSS样式命名整理 页面结构 容器: container/wrap整体宽度:wrapper页头:header内容:content页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column中间内容:center 导航 导航:nav导航:mainbav/globalnav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar边导航图标:sidebarIcon菜单:menu子菜单:submenu标题: t