我的html更新正在进行,但有些内容与css ...
有关它可能像index.html中的重复脚本吗?
这是我的代码我真的不知道它会是什么。我正在使用html页面的块布局。是否有一个bootstrap网格html,我可以使用替代4块的部分布局?提前谢谢。
// Closes the sidebar menu
$("#menu-close").click(function(e) {
e.preventDefault();
$("#sidebar-wrapper").toggleClass("active");
});
// Opens the sidebar menu
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#sidebar-wrapper").toggleClass("active");
});
// Scrolls to the selected menu item on the page
$(function() {
$('a[href*=#]:not([href=#],[data-toggle],[data-target],[data-slide])').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
//#to-top button appears after scrolling
var fixed = false;
$(document).scroll(function() {
if ($(this).scrollTop() > 250) {
if (!fixed) {
fixed = true;
// $('#to-top').css({position:'fixed', display:'block'});
$('#to-top').show("slow", function() {
$('#to-top').css({
position: 'fixed',
display: 'block'
});
});
}
} else {
if (fixed) {
fixed = false;
$('#to-top').hide("slow", function() {
$('#to-top').css({
display: 'none'
});
});
}
}
});
$(document).ready(function() {
// Test for placeholder support
$.support.placeholder = (function(){
var i = document.createElement('input');
return 'placeholder' in i;
})();
// Hide labels by default if placeholders are supported
if($.support.placeholder) {
$('.form-label').each(function(){
$(this).addClass('js-hide-label');
});
// Code for adding/removing classes here
$('.form-group').find('input, textarea').on('keyup blur focus', function(e){
// Cache our selectors
var $this = $(this),
$parent = $this.parent().find("label");
if (e.type == 'keyup') {
if( $this.val() == '' ) {
$parent.addClass('js-hide-label');
} else {
$parent.removeClass('js-hide-label');
}
}
else if (e.type == 'blur') {
if( $this.val() == '' ) {
$parent.addClass('js-hide-label');
}
else {
$parent.removeClass('js-hide-label').addClass('js-unhighlight-label');
}
}
else if (e.type == 'focus') {
if( $this.val() !== '' ) {
$parent.removeClass('js-unhighlight-label');
}
}
});
}
});
// When the user clicks on <div>, open the popup
function myFunction() {
var popup = document.getElementById("myPopup");
popup.classList.toggle("show");
}
&#13;
#designer .container{
text-align:center;
max-width:450px;
margin:0 auto;
}
#designer .block{
width: 31em;
height:22em;
margin:10px;
display:inline-block;
background:none;
}
#designer .block1{
width: 31em;
height:22em;
margin:10px;
display:inline-block;
background: none;
float: right;
}
&#13;
<section id="designer" class="section-padding">
<div id="container">
<div class="block"><img src="img/evan1.png"></div>
<div class="block1"><h3>Your Designer</h3>
<h4> Evan Braun</h4>
<p>Hailing from The Queen City (Cincinnati, OH), I made my way down to Lexington, Kentucky to pursue a career in Business Management alongside computer science courses at the University of Kentucky. Computer literacy has been an interest throughout my life. Growing up, I developed a passion for it through graphic design and media editing which eventually led me to where I am today - web design.</p>
<p> <b>I've made it my mission statement to not consider a project completed until the customer is 100% satisfied with their product.</b></p></div>
<div class="block">
<h5><span>Experience</span></h5>
<p><i class="fa fa-check-square-o" aria-hidden="true"></i> 3+ Years of programming practice in HTML, CSS, PHP, JQuery, and JavaScript.</p>
<p><i class="fa fa-check-square-o" aria-hidden="true"></i> Trained in SEO & SEM from DreamWalker Social Marketing | Lexington, KY.
<p><i class="fa fa-check-square-o" aria-hidden="true"></i> 5+ Years of graphic design experience in Adobe Photoshop + Illustrator.
<p><i class="fa fa-check-square-o" aria-hidden="true"></i> 0 Clients disappointed.
</div>
<div class="block1">
<h5>I like getting to know my clients personally</h5>
<p>Being a native of Cincinnati and Lexington, I know that many small business owners in the area prefer dealing face-to-face with their service providers. It’s all part of building trust and confidence. It also allows me to get to know your business on a deeper level, and this has a very positive impact on how your website design turns out.<br><br>
Just let me know how you prefer to work when you <a href="#contact">contact</a> me.</p></div>
</div>
</div> <!-- container -->
</section>
&#13;
答案 0 :(得分:0)
如果没有看到您的代码,就很难确切地说出问题所在。
话虽如此,我最好的猜测是你有缓存网站,所以你看到的是旧版本的CSS。尝试通过在单击刷新图标时按住SHIFT
来清除缓存,以便刷新缓存。
希望这有帮助!
答案 1 :(得分:0)
我发现在测试服务器或实时网站上使用HTML和CSS时,有时我对样式所做的一些修改或不修改都会生效。要解决此问题,我使用[CTRL + F5]完全刷新网站的缓存版本。