HTML code programming - Science topic

The most common programming paradigm of no-code platforms is declarative programming.

Why Declarative Programming?

These factors make declarative programming the ideal paradigm for no-code platforms, supporting their goal of democratizing software development and making it more accessible to a broader audience

Dear Huachao Sun

These links might be useful, have a look:

1. https://jwcn-eurasipjournals.springeropen.com/articles/10.1186/s13638-018-1165-7

2.

3. https://www.mathworks.com/help/nav/ug/monte-carlo-localization-algorithm.html

Kind Regards

CSS is full of "gotchas", particularly how things cascade. The official specification regarding cascades and inheritance is here:

Some things to be aware of are:

1). Inheritance in CSS is property specific. For example, the "color" property is inherited by default, whereas the "border" property is not. Either learn these by trial and error or look up the default inheritance for each property. See:

2). How a property is applied can be modified by the keywords: "inherit", "initial" and "unset". Try to avoid these where possible as they usually end up costing more time than they save. See:

3). Where two properties end up competing for the same node in the DOM, precedence is assigned based on the specificity of the selector. For example, p.name {} is more specific than p {} so p.name {} will override p {}. See: 

4). Where two properties end up competing for the same node in the DOM and there is no difference in selector specificity, the winner is determined by the order of reading by the browser. The official spec calls for imported stylesheets to be read first (in the order imported), then <style> tags in document order, then inline styles. See:

5). Use of the "!important" qualifier causes all competing properties to be overridden (even inline styles). For a CSS beginner, it can be very tempting to use "!important" out of frustration. By all means use it when trying things out, but don't leave it in your final product. See:

6): Be aware of "all:" being used with inheritance modifiers. Eg, "all:initial;". Again, this is one of those things that people tend to use out of frustration but often causes more trouble downstream. Best to track down what's actually going wrong and build a clean stylesheet rather than rely on overrides. See:

Finally, I strongly recommend debugging CSS with something like Firefox Developer Edition. See:

Open up the inspector and modify styles on the fly to see what happens. It will also show you exactly how styles are cascading and where overrides are coming from. This is the best way to learn while keeping MDN in the background for when you really get stuck.

Then when you encounter the worst part of CSS (the part I haven't even mentioned yet), which is cross-browser compatibility, consider throwing it all in the bin and making the move to Sass or LESS ;-) These frameworks take care of all the nonsense for you, regarding cross-browser consistency, while also providing some neat syntactic sugar.