`
ihic11
  • 浏览: 717 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

css样式定义速记

 
阅读更多
css样式语法:

选择符,属性名,值
如:selector{property:value}

1、选择符
.div{...}是对class="div"的元素进行设置
#div{...}是对id="div"的元素进行设置
div{...}是对拥有<div>标签的元素进行设置
ID选择符只能出现一次,否则以第一次出现的ID进行设置,后面相同ID元素直接无视。
2、组选择符
p,h3, .d{color:red;}代表<p>、<h3>和所有class="d"的元素内的文字设置颜色红色。

3、嵌套选择符
p em{color:red;}代表<p>内的<em>元素内的文字设置颜色红色。
.d em{color:red;}代表class="d"的元素内的<em>元素内的文字设置颜色红色。
分享到:
评论

相关推荐

    CSS cheatsheet

    以下是一些常用CSS属性的速记: 1. **选择器**: CSS中的选择器用于定位文档中的元素,如`#id`(ID选择器),`.class`(类选择器),`tag`(标签选择器),以及`*`(通配符选择器)。 2. **盒模型**: CSS盒模型包括...

    前端开源库-css-shorthand-properties

    在前端开发中,CSS(Cascading Style Sheets)是用于定义HTML或XML(包括SVG、MathML等各种XML方言)文档的样式和布局的语言。CSS的效率和可维护性是前端开发者关注的重要方面,其中,CSS的`shorthand properties`...

    CSS3的几个标签速记(推荐)

    CSS3是层叠样式表(Cascading Style Sheets)的最新版本,它引入了许多强大的样式定义功能,极大地增强了网页设计的灵活性和效果。本文将介绍CSS3中几个常用标签的速记方法,并提供相应的语法示例和说明。 1. ...

    Flex 3速记表 AS3.Flex.AIR最新版

    4. **样式**:Flex允许通过CSS样式来定制组件的外观,包括颜色、字体、边距等。速记表可能会展示如何定义和应用样式规则。 5. **图形化设计**:海报采用图形化设计,使得学习过程更加直观。这可能包括图表、流程图...

    面向新十年的功能丰富CSS框架https://shorthandcss.com-JavaScript开发

    速记速记是一个CSS框架,不包含任何javascript。 您只能通过使用.scss来自定义框架。 Size Dist File URL Lite Lite.shorthand.min.c速记速记是一个CSS框架,不包含任何javascript。 您只能通过使用.scss来自定义...

    速记:面向新十年的功能丰富CSS框架https://shorthandcss.com

    “css-framework”则明确表示这是一个CSS框架,可能包含一系列预定义的样式、布局工具和响应式设计解决方案。 在压缩包子文件的文件名称列表中,“shorthand-master”可能是框架的主分支或者源码仓库名称,暗示这个...

    zaftig:js中约2kB CSS

    :A_button_(blood_type): 基于初始CSS属性速记,例如bc == background-color或d == display :gear: 基本的自动供应商前缀,适用于:Chrome,Safari,Firefox,Edge,Opera(webkit) 例子: // works just as ...

    速记员

    对于更复杂的网页设计,可能还会涉及CSS(层叠样式表)来控制HTML元素的样式、布局和动画效果。虽然标签列表没有直接包含"CSS",但速记员在处理HTML内容时,也需要理解CSS如何与HTML配合,以实现视觉上的需求。 在...

    quicknect-alpha

    5. **CSS-in-JS**:也有可能项目采用了CSS-in-JS库(如styled-components或JSS),将CSS样式直接写在JavaScript中,提供更好的类型检查和动态样式能力。 6. **响应式设计**:考虑到用户体验的重要性,"quicknect-...

    mystical::milky_way:一个CSS-in-JS库,用于基于约束的设计

    一种强大的声明式方法,可以使用挂钩根据组件的来更改组件的样式。 配色方案支持“ prefers-color-scheme媒体查询监听器,默认情况下它将根据用户的系统偏好自动切换。 如果您想在浏览器中切换,可以使用钩子。 ...

    ZenCoding语法手册

    - **CSS样式表链接示例** ```plaintext link:css ``` **生成结果** ```html &lt;link rel="stylesheet" type="text/css" href="style.css" media="all"&gt; ``` 通过以上示例可以看出,ZenCoding极大地简化了...

    Hereka

    例如,`config`目录可能会存储应用的配置信息,`api`目录则可能包含Strapi的API端点定义,`public`目录存放静态资源,如CSS样式表和JavaScript脚本,而`plugins`目录则用于安装和管理Strapi的插件。 在开发Hereka时...

    Random-Sketcher

    3. 可能还有CSS文件(如`style.css`),用于定义页面样式和布局。 4. 如果有额外的图片或资源,可能会在`images`或`assets`目录下。 5. 可能还包含README文件,提供了项目介绍、安装和运行的说明。 为了运行这个...

Global site tag (gtag.js) - Google Analytics