Understanding connect-src, script-src and style-src when everything is loaded dynamically

Question

I am a little confused with the directives available with Content Security Policy Header. Mainly confused with connect-src , script-src and s