{"id":3021,"date":"2020-06-21T09:07:23","date_gmt":"2020-06-21T07:07:23","guid":{"rendered":"https:\/\/www.bravecroc.de\/cascading-style-sheets-voll-grafisch\/"},"modified":"2020-12-08T14:44:43","modified_gmt":"2020-12-08T13:44:43","slug":"cascading-style-sheets-voll-grafisch","status":"publish","type":"post","link":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/","title":{"rendered":"Cascading Style Sheets \u2026 full graphic"},"content":{"rendered":"[vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;#b52827&#8243; scene_position=&#8221;center&#8221; text_color=&#8221;custom&#8221; custom_text_color=&#8221;#ffffff&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; zindex=&#8221;99999&#8243; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_row_inner equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; top_padding=&#8221;1%&#8221; bottom_padding=&#8221;1%&#8221; text_align=&#8221;left&#8221; css=&#8221;.vc_custom_1592833163235{margin-bottom: -10px !important;}&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][image_with_animation image_url=&#8221;927&#8243; animation=&#8221;Fade In&#8221; hover_animation=&#8221;none&#8221; alignment=&#8221;&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;small_depth&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221; margin_top=&#8221;5%&#8221; margin_bottom=&#8221;-70px&#8221; el_class=&#8221;beitragsbild&#8221;][\/vc_column_inner][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;3\/4&#8243; tablet_width_inherit=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_column_text el_class=&#8221;blog-kategorie&#8221; css=&#8221;.vc_custom_1607432012548{padding-top: 5px !important;}&#8221;]Topics[\/vc_column_text][vc_custom_heading text=&#8221;Cascading Style Sheets \u2026 full graphic&#8221; font_container=&#8221;tag:h1|font_size:26px|text_align:left|color:%23ffffff|line_height:26px&#8221; use_theme_fonts=&#8221;yes&#8221;][divider line_type=&#8221;Small Line&#8221; line_alignment=&#8221;default&#8221; line_thickness=&#8221;2&#8243; divider_color=&#8221;extra-color-1&#8243; custom_height=&#8221;10&#8243; custom_line_width=&#8221;45&#8243;][vc_column_text el_class=&#8221;blog-datum&#8221;]2020-06-21[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; top_padding=&#8221;2%&#8221; bottom_padding=&#8221;2%&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; enable_shape_divider=&#8221;true&#8221; shape_divider_color=&#8221;#b52827&#8243; shape_divider_position=&#8221;top&#8221; shape_divider_height=&#8221;60&#8243; shape_divider_bring_to_front=&#8221;true&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;curve_asym_2&#8243;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;2\/3&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][\/vc_column][vc_column column_padding=&#8221;padding-5-percent&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;left&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/3&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; top_padding=&#8221;1%&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;2\/3&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;]<div class=\"nectar-fancy-ul\" data-list-icon=\"fa fa-stop\" data-animation=\"false\" data-animation-delay=\"0\" data-color=\"extra-color-2\" data-spacing=\"default\" data-alignment=\"left\"> Cascading Style Sheets is the technique to intelligently separate presentation from content and is mainly used for text-based content. This method was practically uncommon in technical illustration. But it is possible, without the dramatic code itself, to create such step-by-step design templates fully graphically and intuitively and use them to improve efficiency and quality.<\/p>\n<p>Certainly, technical illustrations are still created from the beginning in general or specialized graphic tools. However, it is probably far more common to use the available 3D CAD data to illustrate products. It is interesting to note that no matter how vector data is generated, it is only through the assignment of properties and metadata that it acquires its &#8220;character&#8221;:<\/p>\n<ul>\n<li>Visibility<br \/>\n(by object properties, position in the object stack and layer control)<\/li>\n<li>Presentation<br \/>\n(color with color space, outline with thickness, pattern, execution of corners and line ends, clipping, filling with gradients and transparencies)<\/li>\n<li>Metadata for subsequent processes<br \/>\n(object data of CAD data or individually, systematically created data for hotspots in interactive graphics)<\/li>\n<li>Functionality in the illustration<br \/>\n(overprint, &#8220;exclude from translation&#8221;, &#8220;scale with object&#8221;, text flow)<\/li>\n<\/ul>\n<p>All these properties are assigned to newly created objects or objects created from 3D data, usually by &#8220;hand&#8221; and to each object individually. This is only possible with more or less precision, given the large number of options, different editors in the team and the wealth of tasks in everyday project work.<\/p>\n<p>With the object styles of Corel DESIGNER, these inefficiencies of everyday project work can be solved. Object styles are comparable to format templates in Microsoft Word and are often not used to their full potential. An object style is a collection of object properties. If an object is assigned an object style, the object receives all the properties of the object style in one step. Object styles considerably reduce the amount of work and time required when many different objects must be assigned the same properties. In addition, object styles ensure a consistent appearance in accordance with a graphic concept.<\/p>\n<p>These object styles can be used to create systematic, step-like style sheets, which are similar to W3C CSS.<\/p>\n<p>Object styles are therefore an essential instrument for a long-lasting illustration. If an object style has been assigned to an object, the object&#8217;s properties are referenced to the object style. So if the object style is changed, all objects to which this object style has been assigned will change. On the one hand, a graphic can be changed quickly, and on the other hand, properties can be systematically assigned and referenced when creating a new illustration.<\/p>\n<h5>Object styles in Corel DESIGNER<\/h5>\n <\/div>[image_with_animation image_url=&#8221;929&#8243; animation=&#8221;Fade In&#8221; hover_animation=&#8221;none&#8221; alignment=&#8221;&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;75%&#8221; max_width_mobile=&#8221;default&#8221;]<div class=\"nectar-fancy-ul\" data-list-icon=\"fa fa-stop\" data-animation=\"false\" data-animation-delay=\"0\" data-color=\"extra-color-2\" data-spacing=\"default\" data-alignment=\"left\"> <em>Corel DESIGNER Management of object styles<\/em><\/p>\n<h5>Create object styles<\/h5>\n<ul>\n<li>In the <em>Object Styles<\/em> docker, in the <em>Styles<\/em> category, use the + icon to create a new style for a group of properties. Afterwards, the properties in the <em>Properties<\/em> area of the docker need to be adjusted.<\/li>\n<li>In the <em>Object Styles<\/em> docker, in the <em>Styles<\/em> category with the + icon, create a new style group for several groups of properties. After that you will need to adjust the properties in the <em>Properties<\/em> Area of the docker.<\/li>\n<li>Create the properties of an object as a new style or style group using the context menu with <em>Object Styles \/ New Style Off or Object Styles \/ New Style Group Off &#8230;<\/em><\/li>\n<li>Drag and drop an object into the <em>Object Styles<\/em> docker and drop it on the <em>Styles<\/em> category to create the object properties as a new style group.<\/li>\n<li>With the object selected, create a new object style from the object properties using the context menu of the <em>Style<\/em> or <em>Style Group<\/em> categories.<\/li>\n<\/ul>\n<p>The <em>Object Styles<\/em> docker is used to manage object styles, for example to create or break inheritances and to set properties. <\/div>[vc_row_inner equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; text_align=&#8221;left&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][image_with_animation image_url=&#8221;931&#8243; animation=&#8221;Fade In&#8221; hover_animation=&#8221;none&#8221; alignment=&#8221;&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;75%&#8221; max_width_mobile=&#8221;default&#8221;][\/vc_column_inner][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_column_text]\n<ol>\n<li>Category section<\/li>\n<li>Properties section<\/li>\n<li>Icons with functions for style management<br \/>\n(add style and subordinate style, add properties to a style group, add properties, delete style, handling of default properties)<\/li>\n<li>Indicators for the inheritance of properties<br \/>\n(Display for each individual property whether it is inherited or not)<\/li>\n<\/ol>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<div class=\"nectar-fancy-ul\" data-list-icon=\"fa fa-stop\" data-animation=\"false\" data-animation-delay=\"0\" data-color=\"extra-color-2\" data-spacing=\"default\" data-alignment=\"left\"> \n<h5>Transfer object styles<\/h5>\n<ul>\n<li>The typical way is to create the object styles in a template. New illustrations are started based on the template and all object styles are available.<\/li>\n<li>Later, object styles can be exported with <em>stylesheet export &#8230;<\/em> and<em> stylesheet import &#8230;<\/em> between illustrations with a Corel DESIGNER Style Sheet file (CDSS).<\/li>\n<\/ul>\n<h5>Assigning object styles and their properties to objects<\/h5>\n<ul>\n<li>Assign object style to the selected object from the <em>Object Styles<\/em> docker by double-clicking on an object style.<\/li>\n<li>Using the context menu of an object with <em>Object Styles \/ Assign Style<\/em>, assign an object style to the object.<\/li>\n<li>Assign an object style to the selected object via a self-created toolbar in which object styles are assigned icons and keyboard commands.<\/li>\n<\/ul>\n<p>In the <em>Properties<\/em> docker, the name of the style assigned to the object and its inheritance state are indicated by indicators behind each property. Corel DESIGNER Style Sheets (CDSS) also work across file boundaries. Depending on whether objects are inserted or referenced in Corel DESIGNER, the display of the objects adapts to the style properties at the target location. This makes it possible to create display neutral graphic libraries only by creating and assigning styles once.<\/p>\n<h5>Conclusion<\/h5>\n<p>Object styles are the way to efficiently create technical illustrations with Corel&#8217;s illustration tools. Combined with the structuring options of layers, groups and symbols, nothing stands in the way of achieving the best possible results with as little effort as possible. <\/div>[\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/3&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_widget_sidebar enable_sticky=&#8221;true&#8221; sidebar_id=&#8221;blog-sidebar&#8221;][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>Cascading Style Sheets is the technique to intelligently separate presentation from content and is mainly used for text-based content. This method was practically uncommon in technical illustration. But it is possible, without the dramatic code itself, to create such step-by-step design templates fully graphically and intuitively and use them to improve efficiency and quality.<\/p>\n","protected":false},"author":3,"featured_media":928,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[23],"tags":[],"class_list":["post-3021","post","type-post","status-publish","format-standard","has-post-thumbnail","category-topics"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cascading Style Sheets \u2026 full graphic - www.bravecroc.de<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cascading Style Sheets \u2026 full graphic - www.bravecroc.de\" \/>\n<meta property=\"og:description\" content=\"Cascading Style Sheets is the technique to intelligently separate presentation from content and is mainly used for text-based content. This method was practically uncommon in technical illustration. But it is possible, without the dramatic code itself, to create such step-by-step design templates fully graphically and intuitively and use them to improve efficiency and quality.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/\" \/>\n<meta property=\"og:site_name\" content=\"www.bravecroc.de\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-21T07:07:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-08T13:44:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bravecroc.de\/wp-content\/uploads\/2020\/06\/cascading-stylesheets.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"318\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marco J\u00e4nicke\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marco J\u00e4nicke\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/cascading-style-sheets-voll-grafisch\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/cascading-style-sheets-voll-grafisch\\\/\"},\"author\":{\"name\":\"Marco J\u00e4nicke\",\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/#\\\/schema\\\/person\\\/58a206aad87bb0944d2ea9d27cf73f99\"},\"headline\":\"Cascading Style Sheets \u2026 full graphic\",\"datePublished\":\"2020-06-21T07:07:23+00:00\",\"dateModified\":\"2020-12-08T13:44:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/cascading-style-sheets-voll-grafisch\\\/\"},\"wordCount\":2019,\"image\":{\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/cascading-style-sheets-voll-grafisch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.bravecroc.de\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/cascading-stylesheets.jpg\",\"articleSection\":[\"Topics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/cascading-style-sheets-voll-grafisch\\\/\",\"url\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/cascading-style-sheets-voll-grafisch\\\/\",\"name\":\"Cascading Style Sheets \u2026 full graphic - www.bravecroc.de\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/cascading-style-sheets-voll-grafisch\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/cascading-style-sheets-voll-grafisch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.bravecroc.de\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/cascading-stylesheets.jpg\",\"datePublished\":\"2020-06-21T07:07:23+00:00\",\"dateModified\":\"2020-12-08T13:44:43+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/#\\\/schema\\\/person\\\/58a206aad87bb0944d2ea9d27cf73f99\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/cascading-style-sheets-voll-grafisch\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/cascading-style-sheets-voll-grafisch\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/cascading-style-sheets-voll-grafisch\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.bravecroc.de\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/cascading-stylesheets.jpg\",\"contentUrl\":\"https:\\\/\\\/www.bravecroc.de\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/cascading-stylesheets.jpg\",\"width\":600,\"height\":318},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/cascading-style-sheets-voll-grafisch\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cascading Style Sheets \u2026 full graphic\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/\",\"name\":\"www.bravecroc.de\",\"description\":\"finest dokuinfotainment\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/#\\\/schema\\\/person\\\/58a206aad87bb0944d2ea9d27cf73f99\",\"name\":\"Marco J\u00e4nicke\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a17fb51980112f430c6edd498cdb0c66263bc244c3de45b350282a3fa065003e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a17fb51980112f430c6edd498cdb0c66263bc244c3de45b350282a3fa065003e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a17fb51980112f430c6edd498cdb0c66263bc244c3de45b350282a3fa065003e?s=96&d=mm&r=g\",\"caption\":\"Marco J\u00e4nicke\"},\"url\":\"https:\\\/\\\/www.bravecroc.de\\\/en\\\/author\\\/marco-jaenickeibj-web-de\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cascading Style Sheets \u2026 full graphic - www.bravecroc.de","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/","og_locale":"en_US","og_type":"article","og_title":"Cascading Style Sheets \u2026 full graphic - www.bravecroc.de","og_description":"Cascading Style Sheets is the technique to intelligently separate presentation from content and is mainly used for text-based content. This method was practically uncommon in technical illustration. But it is possible, without the dramatic code itself, to create such step-by-step design templates fully graphically and intuitively and use them to improve efficiency and quality.","og_url":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/","og_site_name":"www.bravecroc.de","article_published_time":"2020-06-21T07:07:23+00:00","article_modified_time":"2020-12-08T13:44:43+00:00","og_image":[{"width":600,"height":318,"url":"https:\/\/www.bravecroc.de\/wp-content\/uploads\/2020\/06\/cascading-stylesheets.jpg","type":"image\/jpeg"}],"author":"Marco J\u00e4nicke","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marco J\u00e4nicke","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/#article","isPartOf":{"@id":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/"},"author":{"name":"Marco J\u00e4nicke","@id":"https:\/\/www.bravecroc.de\/en\/#\/schema\/person\/58a206aad87bb0944d2ea9d27cf73f99"},"headline":"Cascading Style Sheets \u2026 full graphic","datePublished":"2020-06-21T07:07:23+00:00","dateModified":"2020-12-08T13:44:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/"},"wordCount":2019,"image":{"@id":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bravecroc.de\/wp-content\/uploads\/2020\/06\/cascading-stylesheets.jpg","articleSection":["Topics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/","url":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/","name":"Cascading Style Sheets \u2026 full graphic - www.bravecroc.de","isPartOf":{"@id":"https:\/\/www.bravecroc.de\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/#primaryimage"},"image":{"@id":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bravecroc.de\/wp-content\/uploads\/2020\/06\/cascading-stylesheets.jpg","datePublished":"2020-06-21T07:07:23+00:00","dateModified":"2020-12-08T13:44:43+00:00","author":{"@id":"https:\/\/www.bravecroc.de\/en\/#\/schema\/person\/58a206aad87bb0944d2ea9d27cf73f99"},"breadcrumb":{"@id":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/#primaryimage","url":"https:\/\/www.bravecroc.de\/wp-content\/uploads\/2020\/06\/cascading-stylesheets.jpg","contentUrl":"https:\/\/www.bravecroc.de\/wp-content\/uploads\/2020\/06\/cascading-stylesheets.jpg","width":600,"height":318},{"@type":"BreadcrumbList","@id":"https:\/\/www.bravecroc.de\/en\/cascading-style-sheets-voll-grafisch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.bravecroc.de\/en\/"},{"@type":"ListItem","position":2,"name":"Cascading Style Sheets \u2026 full graphic"}]},{"@type":"WebSite","@id":"https:\/\/www.bravecroc.de\/en\/#website","url":"https:\/\/www.bravecroc.de\/en\/","name":"www.bravecroc.de","description":"finest dokuinfotainment","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bravecroc.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.bravecroc.de\/en\/#\/schema\/person\/58a206aad87bb0944d2ea9d27cf73f99","name":"Marco J\u00e4nicke","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/a17fb51980112f430c6edd498cdb0c66263bc244c3de45b350282a3fa065003e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a17fb51980112f430c6edd498cdb0c66263bc244c3de45b350282a3fa065003e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a17fb51980112f430c6edd498cdb0c66263bc244c3de45b350282a3fa065003e?s=96&d=mm&r=g","caption":"Marco J\u00e4nicke"},"url":"https:\/\/www.bravecroc.de\/en\/author\/marco-jaenickeibj-web-de\/"}]}},"_links":{"self":[{"href":"https:\/\/www.bravecroc.de\/en\/wp-json\/wp\/v2\/posts\/3021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bravecroc.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bravecroc.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bravecroc.de\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bravecroc.de\/en\/wp-json\/wp\/v2\/comments?post=3021"}],"version-history":[{"count":0,"href":"https:\/\/www.bravecroc.de\/en\/wp-json\/wp\/v2\/posts\/3021\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bravecroc.de\/en\/wp-json\/wp\/v2\/media\/928"}],"wp:attachment":[{"href":"https:\/\/www.bravecroc.de\/en\/wp-json\/wp\/v2\/media?parent=3021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bravecroc.de\/en\/wp-json\/wp\/v2\/categories?post=3021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bravecroc.de\/en\/wp-json\/wp\/v2\/tags?post=3021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}