HTML/CSS
前端基础
园长的牧歌
这个作者很懒,什么都没留下…
展开
-
用JS来动态设置CSS样式
用JS来动态设置CSS样式,常见的有以下几种1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px';element.style.height = '100px';2. 直接设置属性...转载 2018-10-11 20:43:25 · 392 阅读 · 0 评论 -
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文...转载 2018-10-11 21:24:32 · 176 阅读 · 0 评论 -
web媒体查询
一、媒体查询用法 @media 媒体查询包含一个可选的媒体类型和,满足CSS3规范的条件下,包含零个或多个表达式,这些表达式描述了媒体特征,最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型,并且所有的表达式的值都是true,那么该媒体查询的结果为true. (1)500px-800px之间的设备 @media screen and...转载 2018-10-09 16:40:06 · 395 阅读 · 0 评论 -
HTML页面顶部制作、按钮制作及transition滑过按钮特效
首先看效果图 要求鼠标滑过“首页”黑色变红,鼠标滑过收录变小手且样式改变1、用一个css3中<header>标签获得头部区域。结构如下、header 里面加了个div,这是个意外,习惯了。。。下次改正<header><div class="header_body"> <ul class="header_body_lift">...原创 2018-10-19 23:19:46 · 863 阅读 · 0 评论 -
列表Item
效果图:1、HTML布局:nav内容部分分为左右两侧。左侧上部为一个轮播详情查看,轮播的实现,下部为Item。右侧打算为排名展示等。<nav> <div class="nav_left"> <div class="nav_left_carousel"></div> <div class=&q原创 2018-10-20 18:19:12 · 710 阅读 · 0 评论 -
网页的一个页面中显示另一个页面
1、定义内联框架:HTML内联框架是为了实现在网页中显示网页,突出了内联二字,就是在一个网页中,我们能够控制在这个网页中用多大的框去显示另外一个网页,并且能通过CSS对其进行控制。2、两种应用场景:(1)固定右侧或左侧按钮,修改另一侧或网页中某个部分的内容(2)网站中很多页面都用到相同的代码,例如页脚3、使用<iframe>编写footer.html用来公用的页...原创 2018-10-20 19:56:42 · 6266 阅读 · 0 评论 -
网站部署到服务器
自己写了网站自己买了服务器CentOS7.4自己买了域名自己进行了域名备案那么怎么把网站放在服务器上,今天我们来探索。。。方案一:Javaweb项目1、首先远程连接服务器参考我的文章,Xshell 远程连接阿里云Linux 服务器2、在服务器上安装数据库,MySQL。参考文章,Linux安装MySQL3、准备:CentOS 7.4 系统默认开启了防火墙。您可以关...原创 2018-10-21 16:29:39 · 1619 阅读 · 0 评论 -
Http请求头
文章摘自:百度百科https目录http请求头简介AcceptAccept-CharsetAccept-EncodingAccept-LanguageAuthorizationConnectionContent-LengthCookieFromHostIf-Modified-SincePragmaRefererUser-AgentUA-Pixels,UA-Color,UA-OS,UA-CPUHT...转载 2019-08-28 11:49:55 · 760 阅读 · 0 评论