css结构
2016-08-26 01:36:42 0 举报
CSS(层叠样式表)是一种用于描述HTML或XML等文档样式的语言。它的主要目标是将文档的结构和样式分离,使得网页设计者可以更灵活地控制页面的外观和布局。CSS结构主要包括选择器、属性和值三个部分。选择器是用来选择要应用样式的HTML元素,如标签名、类名、ID等;属性是描述元素的某种特性,如颜色、字体、大小等;值则是属性的具体设置,如红色、宋体、12px等。CSS的基本语法是“选择器 { 属性: 值; }”,通过这种方式,可以将多个样式规则应用到同一个元素上,从而实现复杂的页面效果。
作者其他创作
大纲/内容
基于
legao-ui/framework
styles-vendor/* 外部开源组件样式,可修改不建议增加(总出口:legao-vendor.less)
colors.less设置主题样式。配置不同颜色内的所有组件的样式
node-module/**/bootstrap.lessbootstrap的基本样式,不修改。通过变量暴露出可变部分,所以可以在variable直接覆盖对应的变量,且不会增加新的规则
reset.less覆盖默认样式
styles/*我们自定义的样式(总出口:legao-ui.less)1. 覆盖bootstrap.less的样式2. 新增自己的样式
variables.less定义全局变量1. 一部分是自己新增的变量@brand-* 全局基本色@border-* 全局基本边框@background-* 全局基本背景色2. 一部分是为了覆盖bootstrap中的变量
layout/* 文件夹布局(头部、侧边栏、footer)的所有样式文件
utilities.less可快速使用的通用样式类,每个人都应该看看,增加编码效率
0 条评论
下一页