复习-css常用伪类别属性

css常用伪类别属性对<a>标签可制动态效果的css a:link:超链接的普通样式 a:visited:被点击过的超链接样式 a:hover:鼠标指针经过超链接上时的样式 a:active:在超链接上单击时,既“当前激动“时超链接的样式 <style> .charal{ font-size:15px; background-color:#90bcff; width:600px; } .charcl td{ text-align:center; } a:link{ color:#…

复习-css边框和背景属性

css边框和背景属性 border:所有边框属性 border-width:四条边框的宽度 border-style:设置边框样式,主要有dotted.solid.double border-color:设置四条边框的颜色 border-left:在一个生命中设置所有左边框属性,对应还有border-right border-left-color:左边框颜色,对应还有border-right-color border-left-style:左边框样式,对应还有border-right-style…

复习-css控制文本字体属性

css控制文本字体属性 font-family:字体系列,如”serif“”sans-serif“ font-size:尺寸 font-style:字体样式,如“normal,italic(斜体).oblique(字体倾斜) font-weigh:字体粗细,如bold 举例:p.article{ font-size:20px; font-style:italic; } p.kaiti{ font-family:楷体_GB2312 font-style:normal: font-weight:bo…

css常用标签及属性

css样式表常用的形式有三种,一.行内样式表.二.内部样式表.三.外部样式表一. <p style="color:red;">nice to meet you</p> 二. 在head中写入 <style type="text/css"> p{ color:red; } .myclass{ color:blue; font-size:2em; } #idname{ color:red; } </style> 三.外部…

[1.1W字] 复习: CSS 9个背景属性&6种渐变函数, 学会可以手写实现AI中强大的"任意渐变"! #Archives009

Title/ CSS Background&Gradient完全指南 #Archives009 序: 关于 background 属性, 了解点CSS的人总会知道个大概. 但是你肯定多半还有点不会的吧(别在这装!), 比如你能手写CSS的6个渐变函数吗? 你知道bg-repeat中space和round的作用吗? 你能用纯CSS实现AI中的"任意渐变"吗? 这篇文章详细的整理了一遍CSS的Background和Gradient属性的各种诡异用法. 当然照顾萌新, 讲的会比较完整…

css常用伪类记录

1.超链接使用css伪类设置颜色 a:link {color: #000000} /* 未访问的链接 */a:visited {color: #d90a81} /* 已访问的链接 */a:hover {color: #d90a81} /* 当有鼠标悬停在链接上 */a:active {color: #d90a81} /* 被选择的链接 */…

CSS常用伪类

css伪类 :after 在元素后面插入内容 :hover 鼠标移入时进行 :before 在元素前面插入内容 :link 未选中的链接 :active 点击后产生什么变化 :nth-child 匹配父级的第几个元素 :nth-of-type() 某个元素下的第几个元素…

浅谈css常用伪类用法

着重写一下after和before的用法: css样式搞定:标签元素+伪类after a.'class名':after{//我的样式名称是这个,可以写成你自己的样式名称 content: '已打包'; display: inline-block; min-width: 10px; padding: 3px 7px; margin-left: 2px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical…

CSS 常用样式 – 背景属性

一.背景颜色 background-color 属性名:background-color 作用:在盒子区域添加背景颜色的修饰加载区域:在 border 及以内加载背景颜色属性值:颜色名.颜色值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="…

CSS常用样式属性

1.CSS字体和文本相关属性属性 font-family 规定文本的字体系列,比如:“serif” ''sans-serif" font-size 规定文本的字体尺寸 font-style 规定文本的字体样式.主要有normal, italic,oblique font-weight 规定字体的粗细.主要有normal, bold,自定义粗细 color 设置文本颜色 letter-spacing 设置字符间距 line-height 设置文本行高 text-align 设置文本的对齐方式,有…

[No000016A]CSS常用三种选择器

1.HTML Tag p{color:red;} 2.id #myid{color:red;} 3.class .myclass{color:red;} CSS常用文本样式属性 color font-size font-style(normal,italic,oblique) font-weight(normal,bold,100~900) line-height text-align text-decoration(underline,line-through) word-spacing…

学习css常用基本层级伪类属性选择器

常见的css选择器包含:常用选择器.基本选择器.层级选择器.伪类选择器.属性选择器,其中常用选择器分为:1.html选择符*{}//给页面上所有的标签设置模式:2.类选择符.hcls{}//给class是hcls的一类标签设置模式:3.id选择符#h3{}//给id是h3的标签设置样式:4.关联选择符#div h1.#div h1.ljhcls:5.div,h1,pmspan,button{}基本选择器分为:first-child第一个.::first-letter第一个字母.::fist-li…

Web前端篇：CSS常用格式化排版、盒模型、浮动、定位、背景边框属性

目录 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 2.CSS盒模型 3.浮动 4.定位 5.背景属性和边框属性 6.网页中规范和错误问题 7.显示方式 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 1.字体的属性设置字体属性: body{font-family:"Microsoft Yahei"} body{font-family:"Microsoft Yahei",&quo…

常用伪元素及content属性值的使用

1.常用伪元素有 after.before,使用方法,如下 a:after{ display:block; content:''; } 2. content: "/\00a0";//表示斜杆 3. a标签的四个伪类: link /* 未被访问的链接 */ visited /* 已被访问的链接 */ hover /* 鼠标指针移动到链接上 */ active /* 正在被点击的链接 */----------------------可用于其他标签 4.伪元素有六个,分别是 ::after…

css常用的属性方法上篇

自己是从java后台自学转前端的,所以平时一些简单的css+html就不写了,列出的都是新手常用的一些属性,会持续更新,大神勿喷,留给新手做个参考! 尤其是跟我一样自学前端的. 背景关联 background-attachment 属性body { background-image:url(/i/eg_bg_02.gif); background-repeat:no-repeat; } CSS 背景属性属性描述 background 简写属性,作用是将背景属性设置在一个声明中.…

css常用文本属性

[CSS常用文本属性] 1. 字体.字号类: ① font-weight: 字体粗细. bold-加粗.normal-正常.lighter-细体也可以使用100-900数值,400表示normal,700表示bold ② font-style: 字体样式. italic-倾斜.normal-正常 ③ font-size: 字号. 可以写px单位,也可以写% 200%表示浏览器默认大小(16px)的两倍=32px ④ font-family: 字体系列(字体族). >>> 可以直接写字体…

css常用属性1

1 背景相关背景颜色 background-color = 颜色名称/rgb值/十六进制值背景图片 background-image = url('') 背景图片平铺方式 background-repeat = repeat-x(仅水平平铺) repeat-y(仅垂直平铺) no-repeat(不平铺) 设置背景图片位置 background-position = 数字+单位/center/top/bottom/left/right 同上. 例如:50px 50px…

JavaScript 修改 CSS 伪类属性

背景有时候我们希望通过JS代码控制伪类属性, 确苦于对策实际上可通过向document.head中添加style子元素来实现演示 function css(style_text) { var s = document.createElement('style'); s.innerText = style_text; document.head.appendChild(s); } document.onclick = function() { // 添加新的style元素, 覆盖原来的属性,…

好程序员web前端分享css常用属性缩写

好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 pr…

CSS: CSS常用的文本样式属性

介绍:CSS常用的文本样式属性 color: 颜色 font-size: 字体大小 font-style (normal.italic.oblique): 字体样式(正常.斜体) font-weight (normal .bold.100-900): 字体的粗细 line-height: 行高 text-align: 对齐方式 text-decoration (underline.line-through):下划线(文字底部的线.穿过文字的线) word-spacing:字体之间的间隔测…

使用JavaScript获取CSS伪元素属性

我们可以通过DOM元素的 style 属性获取基本的CSS样式值, 但怎么获取CSS伪元素属性呢? 如下 // 获取 .element:before 的 color 值 var color = window.getComputedStyle( document.querySelector('.element'), ':before' ).getPropertyValue('color'); // 获取 .element:before 的 content 值 var content = windo…

css常用样式属性详细介绍

对于初学css的来说,肯定会觉得这么多样式不好记,而且记住了也容易忘,其实刚开始我们不用去记这么多的样式,确实是记了也会忘,刚开始只需记住一些常用的就可以了,然后在慢慢的使用过程当中接触并学习一些高级点的,这才是一个靠谱的渐进过程,下面列出一些css常用属性,仅供参考 “文字”属性共有8项: 1.“字体”(font-family),设定时,需考虑浏览器中有无该字体. 2.“大小”(font-size),注意度量单位. 3.“粗细”(font-weight),除了normal(正常).bold(粗…

1+x证书学习日志——css常用属性

## css常用属性: 1:文本属性: 文本大小: font-size:18px; 文本颜色 color:#ff0000 文本类型: font-family:'微软雅黑' 文本加粗 font-weight:bold/bolder normal 常规文本文本的倾斜 font-style: …

css常用hack

原文地址:css常用hack 突然想起今天早上在CNZZ看到的统计数据,使用IE6.7的用户比例还真多,看到之后我的心都碎了.微软都放弃了为毛还有这么多人不死心? 所以说,IE下的兼容还是得做的. –,– css hack分为3种,即属性hack,IE条件注释hack,CSS选择器Hack 1.属性hack 对于这个我只想说网上各种答案都有,只知道复制粘贴,好多错误,测试一下不就知道了. .myClass{ background-color:#f1ee18;/*所有识别*/ background…