Css Definition and 29 Threads

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.CSS is designed to enable the separation of presentation and content, including layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple web pages to share formatting by specifying the relevant CSS in a separate .css file which reduces complexity and repetition in the structural content as well as enabling the .css file to be cached to improve the page load speed between the pages that share the file and its formatting.
Separation of formatting and content also makes it feasible to present the same markup page in different styles for different rendering methods, such as on-screen, in print, by voice (via speech-based browser or screen reader), and on Braille-based tactile devices. CSS also has rules for alternate formatting if the content is accessed on a mobile device.The name cascading comes from the specified priority scheme to determine which style rule applies if more than one rule matches a particular element. This cascading priority scheme is predictable.
The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998). The W3C operates a free CSS validation service for CSS documents.In addition to HTML, other markup languages support the use of CSS including XHTML, plain XML, SVG, and XUL.

View More On Wikipedia.org
  1. D

    HTML/CSS Container shrinks at certain screen widths (CSS)

    Hi everyone I have a Bootstrap navbar and I'd like to add a banner above it. The Bootstrap navbar fills 100% of the screen width for all screen widths. I've added a styled component to make a Parent div and a Banner div. These occupy 100% of the screen width most of the time, but at 887px...
  2. D

    HTML/CSS [CSS] Why do my containers shrink at screen widths <347px?

    Hi everyone I'm making a mobile responsive page. It's pillarboxed for wider screens, so I'm holding everything in an outer and inner container. This works fine until the screen width is < 347px. After this, it seems like the containers shrink. The dark background for the hero section...
  3. shivajikobardan

    HTML/CSS How to achieve a paper effect in CSS for Joplin?

    I want to achieve this effect in Joplin. I need some CSS for it in userstyle.css. I've few examples here: https://freefrontend.com/css-paper-effects/ So, I am wondering if anyone could write a userstyle.css for me. I've gave a try but it's not working. /* The below controls how a note...
  4. shivajikobardan

    HTML/CSS Bring the navbar text to the center of the screen in CSS

    https://demo.w3layouts.com/demos_new/template_demo/28-07-2021/biodata-liberty-demo_Free/2002651968/web/index.html This is the website that I am trying to build. This is my current navbar. This is what I want to build. My focus is on "Home" to "Contact". I want to put it at the center of the...
  5. shivajikobardan

    HTML/CSS What does height:auto do in CSS?

    https://stackoverflow.com/questions/15943009/difference-between-css-height-100-vs-height-auto I read the accepted answer and it doesn’t make much sense to me in practical applications. Here’s my codepen. What does height:auto does here? As per my research, height:auto fits content. Ie As much...
  6. shivajikobardan

    HTML/CSS How to build this using CSS Grid?

    I built these using CSS Grids very easily. Source: https://www.quackit.com/css/grid/tutorial/create_a_website_layout.cfm But the first one is different and requires different logic. I can't use grid-template-areas there for whole grid. This is my code for the last layout(I've to edit height...
  7. shivajikobardan

    HTML/CSS Exploring z-index with CSS Cookbook

    I'm following "CSS Cookbook" by Christopher Schmitt to learn CSS. I am going through this example. <div class="image">text goes here</div> .image { position: relative; z-index: 20; width: 130px; height: 140px; background-image: url(circle.png); border: 1px solid black...
  8. shivajikobardan

    HTML/CSS Background-position CSS confusion with percentage values?

    This is my background image. I set: background-position:50% 50%; I get this as my output: But I don’t understand the output. So, I read little bit about background-position again.A value such as 20% 65% specifies that the point 20% across and 65% down the image be placed at the point 20%...
  9. G

    Python Does anyone know about python flask and wtf forms?....

    from flask import Flask, render_template from forms import RegistrationForm @app.route("/register", methods = ['POST', 'GET']) def register(): forms = RegistrationForm() return render_template('register.html',form=forms) from wtforms import Form, BooleanField, StringField...
  10. evinda

    HTML/CSS How can I implement a website using HTML and CSS without functionality?

    Hello! (Wave) I wanted to ask you if you are familiar with html, css, javascript and php... What is it about? 🤔 Here is for example an exercise: Implement in HTML and CSS the site that is shown below (the specifications are marked with red). The site will be without functionality. How would...
  11. Manoj Sahu

    Secure Your Transformer Chamber with Automated Actions

    I have a transformer chamber with 2 doors. What I have to do- If any of the door is opened, this should happen- 1. 2 CFL inside transformer chamber should start 2. Simultaneously, a buzzer/hooter should be ON. 3. After opening the door, I should have option to reset the hooter. how do I do it?
  12. Dave Ritche

    How can I make a custom bootstrap navigation bar?

    I am trying to make a bootstrap navigation bar but I'm having issues with understanding which class to apply to a specific element? Can anyone show me some coding?
  13. S

    I'm struggling with the CSS counter mechanism(s)

    Homework Statement There's a visual representation of what I am aiming for, in Question 1's Figure 2.: https://www.docdroid.net/P6VZNB1/soe...df.html#page=3 Homework Equations https://www.w3schools.com/CSSref/pr_gen_counter-increment.asp The Attempt at a Solution Hello to everyone who's...
  14. kolleamm

    HTML/CSS How can I position CSS elements with changing heights relative to each other?

    Let's say we have 3 elements a,b, and c. a is right above b and b is right above c. Their heights change. What code would I use to position them since exact heights are not known and each elements must be relatively positioned to the previous element except "a" which is set at the top.
  15. kolleamm

    HTML/CSS Why does the img ID not work in this CSS code?

    The following code works successfully and centers my image on the page (CSS) #box { display: block; margin: 0 auto; } This one does not (CSS) img { display: block; margin: 0 auto; } HTML <div id="box"> <img src="title.png" style="width:40%"> </div> I'm confused why it...
  16. Dave Ritche

    HTML/CSS Icon Help with HTML & CSS | Get Answers Now!

    Hello! I have added an icon to my home page and I'm trying to add it to multiple pages without adding it to every time on the page.Is there anyway i can accomplish this task?If yes,then please help me with this. Thanks!
  17. C

    HTML/CSS How Is MS Word related to HTML and CSS?

    Just wondering: When i write a book in MS Word and save it as a webpage file (html) It seems that all the formatting i chose in MS Word (bulletons, indents, headings) perfectly translates to HTML and CSS, so just wondering Is HTML and CSS built into MS Word? Does MS Word work like a BROWSER...
  18. Dave Ritche

    HTML/CSS Why is my HTML and CSS nav bar pushing down other content?

    Please help.. I've created a nav bar using list tag in html.when i place pointer on it,the list appears but pushes other contents down leaving space.i don't want it. I want the list to be appeared on other contents i mean over them. Thanks in advance!
  19. C

    HTML/CSS HTML, php and css code in ebook, proper formatting?

    Hi, I want to write an ebook on CSS, HTML and php, and I'm using a RTF copy/paste plugin to my code editor so i can copy and paste code directly into MS Word from my code editor. I'm just wondering: Can i write the whole book in MS Word and then directly upload it to amazon, for ebook readers...
  20. lonely_nucleus

    JavaScript What scripts do websites like unitednuclear.com use?

    I recently finished a course of html and css at codeacademy.com and I think I learned a lot from that but I do not feel prepared to make websites that can, for example, load another page when a button is clicked. Overall I want to know what type of languages are used to program sites like...
  21. B

    HTML/CSS Inline CSS for Setting Page Background: Simplifying HTML Code

    When I use HTML I set my Page Tag like this <BODY BGCOLOR="#000000" BACKGROUND="food.jpg" text="#FFFFFF" link="#FFFF00" vlink="#FFFF00" alink="#FFFF00"> But now I am using Inline CSS so can I do this to set my page background? <body style="background:black;">
  22. S

    2D Perspective xform using CSS 3D matrix?

    Hi, I have used Mathematica to determine a 3x3 perspective transformation from one 2D image to another. Let's say that Mathematica gave me the following 3x3 matrix: a b c d e f g h 1 Now, moving outside of Mathematica, I'm trying to use that perspective xform it gave me in...
  23. T

    HTML/CSS Where can I find free online resources to learn HTML, Javascript, and CSS?

    I am trying to learn these web designing stuff on my own and am currently using http://www.w3schools.com/html/default.asp for HTML learning... and though i am well aware of the basics ..i need to know much in depth. So do you guys have any good 'n' free online resources to learn HTML +...
  24. D

    HTML/CSS How to Float Vertically in CSS?

    So, I've got a <table> full of <td>'s. And I want to have a <div> magically pop in sometimes, centered above a particular <td>. That is, I want it to partially COVER the content within the <td>. As is, I'm creating the <td>'s and <div>'s, but I just set the visibility to "hidden" until it's...
  25. S

    HTML/CSS I'm trying to center box in CSS and HTML

    Please help! Does anyone here know much about CSS and HTML? I'm trying to center box (have it as a span with a div inside - a box in a box) both horizontally and vertically. I can get it to work just fine in Firefox, but IE won't let me do it. I've tried everything I can think of, I've looked...
  26. W

    HTML/CSS Help with displaying information using css and cinditional comments

    Good evening, morning, or what-not time it is in your present proximity. I've been trying to find a way to display some information in a drop down menu in IE for the past while and haven't been able to come up with a solution, it works fine in firefox and netscape. HTML code: <div...
  27. M

    HTML/CSS Add Formatting to iframe Using HTML & CSS

    I once read on a tutorial that iframes are useful when you have non technical people writing text files to update a section of your web site, such as a secratery writing the news section. There are useful because you just upload a plain text text file to a location and the iframe will have it...
  28. loseyourname

    HTML/CSS Using CSS Style-Sheet to Exclude Smilies

    The html source is: <img src="images/smilies/*.gif" border="0" alt="" title="*" class="inlineimg" /> (* being the wildcard that changes from smilie to smilie) So I input this line into my style sheet: IMG[SRC*="/smilies"] Directly before the "display: none" script. I'm not a...
Back
Top