基本选择器标签选择器

选择所有class属性一致的表情跨标签.类名{}ID选择器全局唯一

#id名{}

三、美化网页元素字体样式文本样式阴影超链接伪类列表背景盒子模型浮动定位相对定位绝对定位固定定位z-index动画

一、申明规则

charsetUTF-8titlecsstest/titlestylep

{color:

定位到父元素选择当前的第一个元素选择当前p元素的父级元素选中父级元素的第一个并且是当前元素才生效*/

#67e4ff;

charsetUTF-8title属性选择器/titlestyle.demo

a{float:

表示以...结尾存在id属性的元素a[]{}*/a[id]{background:

deeppink;}a[idfirst]{/*idfirst的元素*/background:

greenyellow;}a[class*links]{/*class

green;}a[href^http]{/*选中href中以http开头的元素*/background:

aquamarine;}a[href$pdf]{/*选中href中以http开头的元素*/background:

aquamarine;}/style

charsetUTF-8title美化网页/titlestyle#title{font-size:

25px;}/style

charsetUTF-8titleTitle/titlestylebody{font-family:

Arial

charsetUTF-8titleTitle/titlestyleh1{color:

rgba(0,255,255,0.9);text-align:

center;}.p1{text-indent:2em;}.p3{line-height:300px;background:

300px;}/*下划线*/.l1{text-decoration:

underline;}/*中划线*/.l2{text-decoration:

line-through;}/*上划线*/.l3{text-decoration:

overline;}/*超链接去下划线*/a{text-decoration:

none;}/style

https://www.bootcss.com/123。

然而需要注意的是虽然这个地址在多个搜索结果中被引用但Bootstrap的官方资源现在可能更多地与Bootstrap的GitHub仓库或官方文档相关联。

此外由于网址可能会随时间而变化请确保在访问时该网址仍然有效。

Bootstrap是一个由Twitter推出的开源前端框架它提供了丰富的HTML、CSS和JavaScript设计模板用于开发响应式和移动优先的Web项目。

在Bootstrap的官网上你可以找到详细的文档、示例、下载链接以及社区支持等信息。

pCSS层叠样式表Cascading

Sheets是一种用来表现HTML标准通用标记语言的一个应用或XML标准通用标记语言的一个子集等文件样式的计算机语言。

CSS

能够对网页中元素的位置进行排版还可对不同的浏览器进行兼容性处理。

classp3CSS

能够对网页的颜色、字体、间距、大小、背景和其他图文效果实现更加精确的控制。

与传统的HTML表现方式相比CSS能够使网页的表现与内容分离提高网页的加载速度增强页面的可维护性并且使得页面的布局更加灵活多样。

/body

charsetUTF-8titleTitle/titlestylediv{width:

1000px;height:

url(images/ceshi.jpeg);/*默认是全部平铺的*/}.div1{background-repeat:

repeat-x;}.div2{background-repeat:

repeat-y;}.div3{background-repeat:

no-repeat;}/style

/html渐变背景网址https://www.baidu.com

径向渐变、圆形渐变html

charsetUTF-8title背景/titlestylebody{background-color:

#08AEEA

mediumaquamarine;background-image:

url(img/str.png);/*

*/}/*水平平铺*/.div1{background-repeat:

repeat-x;}/*垂直平铺*/.div2{background-repeat:

repeat-y;}/*不平铺*/.div3{background-repeat:

no-repeat;}/style

/*当margin/padding有一个参数上下左右都有边距有二个参数上下左右表示四个参数时上右下左表示

*/margin0

这也是一种实现行内元素排列的方式但是我们很多情况用float。

!DOCTYPE

charsetUTF-8titledispaly/titlestyle/*block:

块元素inline:

相对于原来的位置进行指定的偏移相对定位的话它仍然在标准文档流中原来的位置会被保留。

top:-20px;

相对于父级或者游览器的位置进行指定的偏移绝对定位后它仍然在标准文档流中原来的位置不会被保留

div{position:

div{width:100px;height:100px;background:red;animation:myfirst

5s;