How to link a custom stylesheet to a page template?

If anyone could help me with this I'd be really grateful. I know that this is a question that's been asked very frequently, however I've spent days looking at other people's posts trying to work out how to use my functions folder to link a custom stylesheet to a page template I'm working on.

So far, the code I've found that looks the most likely to work is this one -

if( is_page_template( 'work.php' ) ) {
wp_register_style("work-style", get_template_directory_uri() . 
"/css/page-template.css", '', '1.0.0');
wp_enqueue_style('page-template');
}

The page template I'm trying to create is called "work", as I've tried to add to the code, however something I'm doing isn't right, as it either uses the main stylesheet or it has no effect whatsoever, leaving me with a blank page between my header and footer.

You can see the code for my page template php below. (I'm very new to wordpress and coding in general, so if I've made any stupid errors, please let me know). I've developed the theme I'm using from scratch.

<?php
/*
Template Name:work
*/
?>

<link href="style.css" rel="stylesheet" type="text/css">

<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet"  
type="text/css"> 

<body>

<?php get_header(); ?>

<div class="content" id= "workcontent">

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div <?php post_class(); ?> id="post-<?php the_ID(); ?>">

<div class="entry">
<?php the_content(__('Read the rest of this entry &raquo;', 'kubrick')); ?>
</div>

</div>

<?php endwhile; ?>

<?php endif; ?>

<div id="wrapper">      

<a href="/landscapes"><div class="albums" id= "album1"></div></a>
<a href="/seascapes"><div class="albums" id= "album2"></div></a>
<a href="/macro"><div class="albums" id= "album3"></div></a>
<a href="/cities"><div class="albums" id= "album4"></div></a>
<a href="/long-exposure"><div class="albums" id= "album5"></div></a>
<a href="/miscellaneous"><div class="albums" id= "album6"></div></a>

</div>
</div>

</body>

<?php get_footer(); ?>

Solution

Assuming that your work template is in the root of the theme folder and it is actually called work.php, as well as the fact that your css is in the css subfolder and is called template.css, you may want to modify your code as follows:

function enqueue_styles() { 
    if( is_page_template( 'work.php' ) ) {
        wp_enqueue_style('work-style', get_bloginfo('template_url').'/css/page-template.css', true, '1.0.0', 'all' );
    }
}
add_action('wp_enqueue_scripts', 'enqueue_styles');

obviously that goes into your functions.php file. You can also place it directly in your work.php file, in which case you can skip the if and just place the following line at the top:

wp_enqueue_style('work-style', get_bloginfo('template_url').'/css/page-template.css', true, '1.0.0', 'all' );