Samantha studied at W3 from 2010 to 2014 and worked as a RD from 2014 to 2015. She has experience using CSS elements like :before and :after to add elements to pages. She is proficient with FontAwesome and uses media queries to create responsive web designs following a mobile-first approach.

1. 0 101
Samantha
W3

2. 林聿儒 Samantha
2010 - 2014
2015 - now
2016
2014 - 2015 RD
2015 - 2016
2014 - 2017

3. CSS的 元素

4. :before / :after
.class:before{
position: absoute;
content: ‘’;
content:url(‘square.png');
left: -10px;
}

5. FontAwesome

6. FontAwesome
http://fontawesome.io/

7. FontAwesome
106 1
0988633484
samanthalin1992@gmail.com
HTML
<i class="fa fa-envelope" aria-hidden="true"></i>
CSS
.class{
font-family: ‘FontAwewome’;
content: ‘ /f0e0’;
}

8. RWD 響應式網頁設計
Responsive Website Design

10. /* Small Devices, Tablets */
@media screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media screen and (min-width : 1200px) {
}
/* Large Devices, Wide Screens */
@media screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media screen and (max-width : 992px) {
}
/* Small Devices, Tablets */
@media screen and (max-width : 768px) {
}
Mobile First Desktop First

11. •
• div html
class
•
@media screen and (min-width :
768px) {
}
切版時間