![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Daniel799
DXC.technology
展开
-
CSS 结构和层叠
特殊性选择器的特殊性高低由选择器本身的组成决定,特殊性高的会胜出,采用其申明的方式render.选择器特权重计算方式:ID:加 0,1,0,0类,属性:加 0,0,1,0元素,伪元素:加 0,0,0,1结合符和通配符 :0,0,0,0如选择器是多个组合,需要求和。求和时不需要进位,位数高的比位数低的大。(0,0,1,0 大于0,0,0,101)example:...原创 2019-07-24 09:51:11 · 130 阅读 · 0 评论 -
CSS 文本属性
缩进文本 text-indent元素的第一行缩进一个指定长度。缩进可以使用所有的长度单位,当使用百分数时,是表示对于其父元素的宽度进行缩进。p{text-indent: 2em}div{width: 600px}div p{text-indent: 10%}水平对齐 text-align关键字:left center right justify inherit行高 l...原创 2019-07-30 10:14:19 · 164 阅读 · 0 评论 -
CSS 值和单位
数字类型:整数,小数,百分数。颜色的命名:字符与RGB字符p.one{color:red}RGB包括数字,百分数,16进制数p.two{color: rgb(255,0,255)}p.three{color: rgb(100%,0%,50%)}p.four{color:#ff0000}安全色:避免抖动的颜色。RGB值20%和51(十进制)的倍数的值都是安全色。...原创 2019-07-25 09:36:44 · 152 阅读 · 0 评论 -
CSS 基本视觉格式化
基本框元素由内容区,内边距(padding),边框(border),外边距(margin)组成,这也就是元素的基本框。边框的颜色默认取内容的前景色。水平格式化元素的width定义为内容区的宽度。所以元素的实际宽度是:width+(padding+border+margin)*2元素存在水平属性设置为auto时,其实际宽度是父元素的width值。元素的水平属性:margin-...原创 2019-07-31 15:03:54 · 180 阅读 · 0 评论 -
CSS 字体
设置字体系列 font-family 用于设置字体的系列。Regularly,在指定的字体系列后,加上一个通用的字体系列。这样,在指定字体查找不到时,会采用通用字体。通用的字体系列有:Serif Sans-serif Monospace Cursive Fantasybody{font-family: Arial, sans-serif}如果字体名称存在空格或者特殊符...原创 2019-07-26 09:58:04 · 142 阅读 · 0 评论 -
CSS 内边距 边框 外边距
基本元素框所有文档元素都会生成元素框。元素框所占空间如下所示:黑色的边框为border.元素属性 width height是指Content的宽度于高度。外边距:marginmargin值的顺序为 top right bottom left外边距的值如果时百分数,则按照其父元素的width来计算。如果缺少左外边距的的值,则使用右外边距的值。如果缺少右外边距大的值,则...原创 2019-08-01 11:00:00 · 456 阅读 · 0 评论 -
CSS 选择器
规则结构选择器 {申明块}h1 {color:red;background:yellow;}元素选择器选择器分组h1,h2,h3 {color:silver}申明分组h1 {color:blue;background:silver;}类选择器选择器为"."+className.warning{font-weight:bold;}/*所有包含warn...原创 2019-07-23 15:38:21 · 93 阅读 · 0 评论 -
CSS 网页背景图片设置
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style> #login_background{ /* div位置及大小,所在堆叠层设置 */ ...原创 2019-08-06 16:06:47 · 8950 阅读 · 3 评论 -
CSS 利用position来确定位置布局
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style> #header{ position: fixed; top:0; ...原创 2019-08-06 16:28:43 · 354 阅读 · 0 评论