jquery.mobile-1.4.5.min.css overides my style

jquery.mobile-1.4.5.min.css overides my style

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
        <script src="js/jquery-1.11.3.min.js"></script>
        <script src="js/jquery.mobile-1.4.5.min.js"></script>
    <link rel="stylesheet" href="css/index.css" />
    <script type="text/javascript" src="js/index.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

i can not get any kind of style on my pages buttons are long no color long textbox.
i need my button/textbox to stay small.
when i remove the 
<link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"> link my style works. 
but i am using multi page system this function doesnt work properly then. my navigation to take me to the next page doesnt work. it turns into scroll down instead takes yo to the other pages.