CSS
关注
分享
扫一扫
CodingIsFun
function myProfile(){
let major= ['English', 'Computer Science and Technology'];
let career_goal = 'front-end development';
let motto = 'Pressing on is my only option';
}
展开
-
Positioning in CSS: Layout Enhancements for the Web by Eric A. Meyer
POSITIONThe values of position have the following meanings:staticThe element’s box is generated as normal. Block-level elements generate a rectangular box that is part of the document’s flow, and inline-level boxes cause the creation of one or more原创 2020-09-22 11:42:49 · 190 阅读 · 0 评论 -
Flexbox in CSS: Understanding CSS Flexible Box Layout by Estelle Weyl
”礼让三先“就是遇到通行困难的情况下要礼貌让行，要先慢、先让、先停。“宁停三分，不抢一秒”是从无数血的教训中总结出来的宝贵经验。Live examples are available at http://standardista.com/flexbox/flexfiles. You can either click theicon while reading this book to go directly to a live version of the code example reference原创 2020-09-19 16:13:01 · 337 阅读 · 0 评论 -
Learning Web Design by Jennifer Niederst Robbins
Learning Web DesignA BEGINNER’S GUIDE TO HTML, CSS,JAVASCRIPT, AND WEB GRAPHICSJennifer Niederst Robbins My GitHub Files: https://github.com/Li-YangZhong/Learning_Web_Design_Book_by_Jennife...原创 2020-03-02 00:47:18 · 3107 阅读 · 0 评论 -
Lynda.com - CSS Fundamentals by James Williamson
ElEMENT-SPECIFIC SELECTORSModified class or ID selector which limits application to a specific elementh2.subheading {color: blue;}div#sidebar {font-size: 80%;}CSS & ID NAMING CONVENTIO...原创 2020-02-13 22:35:03 · 312 阅读 · 0 评论 -
learn-advanced-css-layout-techniques
//引用Google字体方法：https://developers.google.cn/fonts/docs/getting_started?hl=zh-cn//GitHub files: https://github.com/Li-YangZhong/learn-advanced-css-layout-techniques//备注：B站视频链接网上已不可见...原创 2020-02-10 06:10:17 · 290 阅读 · 0 评论 -
Responsive Web Design Tutorial by THENETNINJA
B站视频：https://www.bilibili.com/video/av10338325My Github Files:https://github.com/Li-YangZhong/Responsive-Web-Design-Tutorial.git配套文件下载地址：https://github.com/iamshaunjp/psd-to-wpMaking our web...原创 2020-02-06 14:46:04 · 407 阅读 · 0 评论 -
Learn Flexbox in 15 Minutes
B站视频：https://www.bilibili.com/video/av75709056My GitHub Files:https://github.com/Li-YangZhong/Learn-Flexbox-in-15-Minutes原创 2020-02-05 11:11:27 · 208 阅读 · 0 评论 -
CSS Flex 初学者视频
B站视频： https://www.bilibili.com/video/av45803504My GitHub Files: https://github.com/Li-YangZhong/CSS-Flex-.git原创 2020-02-05 07:31:08 · 284 阅读 · 0 评论 -
Learn CSS Grid in 20 Minutes
B站视频： https://www.bilibili.com/video/av75709280GitHub Files: https://github.com/Li-YangZhong/Learn-CSS-Grid-in-20-Minutes原创 2020-02-04 00:59:04 · 234 阅读 · 0 评论 -
Udemy - CSS Layout Techniques
课程链接：https://www.udemy.com/course/css-layout-techniques/GitHub Files: https://github.com/Li-YangZhong/Udemy---CSS-Layout-Techniques原创 2020-02-03 23:30:26 · 288 阅读 · 0 评论 -
CSS Positioning Tutorial by THENETNINJA
B站视频：https://www.bilibili.com/video/av46687321GitHub Files:https://github.com/Li-YangZhong/CSS-Positioning-Tutorial.gitz-index illustration原创 2020-02-01 22:55:25 · 206 阅读 · 0 评论 -
[Traversy Media HTML & CSS] CSS Grid Layout Crash Course
CSS Grid Layout initially defined the grid-column-gap property. This prefixed property is being replaced by column-gap.视频链接： https://www.bilibili.com/video/av57278802/My GitHub files: https://gith...原创 2019-10-28 06:34:11 · 207 阅读 · 0 评论 -
[Traversy Media | HTML & CSS] Flexbox CSS In 20 Minutes
视频在线观看地址：https://www.bilibili.com/video/av57278636/原视频出处：https://www.youtube.com/watch?v=JJSoEo8JSncFlexbox is a CSS3 layout mode that provides an easy and clean way to arrange items within a co...原创 2019-10-27 01:41:10 · 7474 阅读 · 0 评论 -
CSS Tutorial for Beginners
B站视频链接：https://www.bilibili.com/video/av55674019/Sixteen Primary Color:Box Model:Use the following property to turn an inline element into a black element:display: block;GitHub files...原创 2019-10-27 00:38:56 · 177 阅读 · 0 评论 -
The Algorithms of CSS by Lara Schenck
Programming Paradigms Imperative Declarative Javascript, Ruby, C++, Python Domain-specific: SQL, HTML, CSS CSS is a domain-specific declarative programming language.A...原创 2019-10-22 07:03:51 · 203 阅读 · 0 评论 -
CSS Full Course - Includes Flexbox and CSS Grid Tutorials by Beau Carnes from freecodecamp.org
B站视频链接：https://www.bilibili.com/video/av54075594Learn CSS in this complete tutorial course. Cascading Style Sheets (CSS) tell the browser how to display the text and other content that you write ...原创 2019-10-16 12:42:58 · 369 阅读 · 0 评论 -
视频教程笔记： HTML Programming for Everyone by John Elder from codemy.com
Using only width or height attribute for <img> element to let the browser conserve the natural width and height ratio of the image.Using bootstrap to mark different HTML elements with specific...原创 2019-08-01 13:22:37 · 217 阅读 · 0 评论 -
视频教程笔记： Master the Basics of HTML5 & CSS3 Beginner Web Development from mindmekka
One of the ways I learned about the different HTML tags was looking at the code on other peoples' web pages.Three ways of adding CSS styles: inline, internal and external.CSS properties:Target="...原创 2019-07-30 06:42:57 · 273 阅读 · 0 评论 -
How to Create A Website An HTML Tutorial and CSS Tutorial PART 1 by Todd McLeod
https://en.wikipedia.org/wiki/List_of_HTTP_status_codesWhen using chrome browser, click CTRL + T launches a new tab.https://whatwebcando.today/Seven Habits of Highly Effective PeopleGet in fro...原创 2019-04-20 21:14:00 · 330 阅读 · 0 评论 -
Tips on Using Brackets
CTRL + "/" toggle statements into comments and vice versa.Brackets is written in JavaScript, HTML and CSS.When editing HTML, use theCmd/Ctrl + Eshortcut to open a quick inline editor that displ...原创 2019-03-04 14:11:33 · 234 阅读 · 0 评论 -
Udemy Web Design for Beginners Real World Coding in HTML & CSS（视频教程学习笔记）
HTML = ContentCSS = StyleHTML elements can be nested like russian stacking dolls.Include audio files in a webpage:<audio controls> <source src="audio/sanmateo01.mp3" type="audio/...原创 2019-02-11 23:03:22 · 317 阅读 · 0 评论 -
How to Add Customized Fonts to A Webpage
1. go tohttps://www.fontsquirrel.com/and download a font that you like.2. usehttps://www.fontsquirrel.com/tools/webfont-generatorto convert the font file to woff or woff2.3. create a css file ...原创 2019-02-03 00:42:45 · 236 阅读 · 0 评论 -
使用p5.js绘制一个“禁止通行”标志
效果图没有上传成功：优快云对GoogleChrome的支持还不完善啊。发现了几个bug：1. 添加个人分类标签时不能输入超过一个字符的标签2. 不能通过复制粘贴方式上传图片（2019-01-24 17：00左右测试过）<html> <head> <script type="text/javascript" src="https://cdnj...原创 2019-01-24 17:00:51 · 495 阅读 · 0 评论 -
用Javascript显示一个电子时钟
<!DOCTYPE html><html><head> <style type="text/css" media="screen">body { background: black;}#txt { position: absolute; top: 50%; left: 50%; transf...原创 2019-01-21 15:13:33 · 2192 阅读 · 0 评论 -
Responsive Web Design Certification 学习笔记02 Basic CSS
学习笔记摘自freecodecamp.org提供的Responsive Web Design Certification(300 hours) 教程All HTML elements are essentially little rectangles.Themain HTML5 tag helps search engines and other developers find the ...原创 2018-12-26 13:19:51 · 295 阅读 · 0 评论