Can I see the CSS code for default html tags?

ElMiko · 08-03-2014, 07:16 AM

certain tags, such as <h#> <blockquote> and <ol> have a default css style to them (in the first, I would guess it's largely about font weight and size; in the second, margins and/or padding; in the third... i dunno... maybe some table format???)

I'd like to be able to see what the CSS is that generates these default display settings for various kinds of html tags. Is this possible?

Sunlite · 08-03-2014, 07:53 AM

The short answer is probably: "No".

The default css of Sigil will be somewhere in either its source code or in the code of its components. In the first case you could get the code and go through it looking for it, but I think it is more likely that the css of the web browser component is used.

The other problem with your question might be, that you seem to assume things.
It sounds like you expect the default css of Sigil to have an effect on how your ebook will look in the target software. I don't think that is correct.
Each and every software displaying ebooks will have its own default css, that is used to style elements that do not have an explicit styling.

If you want to have standard elements in your books look the same on different devices, you have to define the style for those elements yourself.

ElMiko · 08-03-2014, 08:33 AM

Really, what i wanted to do is use the default styling as a template to create my own styles... For example, if i knew what the default styling was for an ordered list, ordered list I'm sure i could find various applications for that kind of hanging indent...

Tex2002ans · 08-03-2014, 10:24 AM

Use the Preview, and then you can right click on something in the Preview window, and use the Inspector Window to see the exact CSS + computed values:

http://web.sigil.googlecode.com/git/...t/preview.html

theducks · 08-03-2014, 10:54 AM

Quote:

Originally Posted by ElMiko

certain tags, such as <h#> <blockquote> and <ol> have a default css style to them (in the first, I would guess it's largely about font weight and size; in the second, margins and/or padding; in the third... i dunno... maybe some table format???)

I'd like to be able to see what the CSS is that generates these default display settings for various kinds of html tags. Is this possible?

the technically correct reply
The defaults are device manufacturer specific

the 'recommend' CSS defaults are in appendix 'A' foe CSS2.2 at W3C
We know how well manufacturers follow standards

If you want to see what SIGIL is using, the 'explorer' tool (F10) can show what the 'computed' effects are for each line of code

08-03-2014, 07:16 AM	#1
ElMiko Addict Posts: 320 Karma: 56788 Join Date: Jun 2011 Device: Kindle	Can I see the CSS code for default html tags? certain tags, such as <h#> <blockquote> and <ol> have a default css style to them (in the first, I would guess it's largely about font weight and size; in the second, margins and/or padding; in the third... i dunno... maybe some table format???) I'd like to be able to see what the CSS is that generates these default display settings for various kinds of html tags. Is this possible?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
epub code snippets (html / css)	zelda_pinwheel	ePub	196	10-09-2016 04:21 AM
HTML input plugin stripping text within toc tags in child html file	nimblebooks	Conversion	3	02-21-2012 03:24 PM
Problem with html -> Mobi conversion - html tags visible.	khromov	Calibre	9	08-06-2011 11:25 AM
css override code for <h2> and <h1> tags	Amalthia	Calibre	2	03-29-2009 06:51 PM
Supported HTML/CSS tags and properties	Jellby	Bookeen	9	05-04-2008 04:55 PM

08-03-2014, 07:53 AM	#2
Sunlite Addict Posts: 206 Karma: 547516 Join Date: Mar 2008 Location: Berlin, Germany Device: KObo Clara, Kobo Aura, PRS-T1, PB602, CyBook Gen3	The short answer is probably: "No". The default css of Sigil will be somewhere in either its source code or in the code of its components. In the first case you could get the code and go through it looking for it, but I think it is more likely that the css of the web browser component is used. The other problem with your question might be, that you seem to assume things. It sounds like you expect the default css of Sigil to have an effect on how your ebook will look in the target software. I don't think that is correct. Each and every software displaying ebooks will have its own default css, that is used to style elements that do not have an explicit styling. If you want to have standard elements in your books look the same on different devices, you have to define the style for those elements yourself.

08-03-2014, 08:33 AM	#3
ElMiko Addict Posts: 320 Karma: 56788 Join Date: Jun 2011 Device: Kindle	Really, what i wanted to do is use the default styling as a template to create my own styles... For example, if i knew what the default styling was for an ordered list, ordered list I'm sure i could find various applications for that kind of hanging indent...

08-03-2014, 10:24 AM	#4
Tex2002ans Wizard Posts: 2,297 Karma: 12126329 Join Date: Jul 2012 Device: Kobo Forma, Nook	Use the Preview, and then you can right click on something in the Preview window, and use the Inspector Window to see the exact CSS + computed values: http://web.sigil.googlecode.com/git/...t/preview.html

Advert

Advert