This chapter has introduced you to using CSS to configure web pages. Use a searc
ID: 3884985 • Letter: T
Question
This chapter has introduced you to using CSS to configure web pages. Use a search engine to find CSS resources. The following resources can help you get started. http: //www.w3.org/Sty1e/CSS https: //developer.mozilla.org/en-US/docs/WeWCSS http: //reference.sitepoint.com/css Create a web page that provides a list of at least five CSS resources on the Web. For each CSS resource, provide the URL, website name, and a brief description. Configure text and background colors with good contrast. Place your name in the e-mail address, at the bottom of the web page. There is still much for you to learn about CSS. A great place to learn about web technology is the Web itself. Use a search engine to search for CSS tutorials. The following resources can help you get started: http: //www.echoecho.com/css.htm http: //www.w3schools.com/css http: //www.noupe.com/css/css-typography-contrast-techniques-tutorials - and - best- practices.html Choose a tutorial that is easy to read. Select a section that discusses a CSS technique that was not covered in this chapter. Create a web page that uses this new technique. The web page should provide the URL of your tutorial, the name of the website, and description of the new technique you discovered. Place your name in the e-mail address at the bottom of the web page.Explanation / Answer
input[type=text] {
width: 130px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
/* When the input field gets focus, change its width to 100% */
input[type=text]:focus {
width: 100%;
}
<input type="text" name="search" placeholder="Search..">