随笔分类 -  CSS

CSS定位
摘要:1、块状元素与行内元素。 div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容,即“块框”。与之相反,span和strong等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。 我们可以使用 display 属性改变生成的框的类型。这意味着,通过将 displ 阅读全文

posted @ 2021-07-05 16:29 代码改变世界001 阅读(64) 评论(0) 推荐(0)

CSS框模型
摘要:element : 元素 padding : 内边距 border : 边框 margin : 外边距 1、内边距:padding属性定义元素内边距。padding属性各边的顺序为上、右、下、左。 2、边框:border属性定义元素边框,边框绘制在“元素的背景之上”。 3、外边框:margin 属性 阅读全文

posted @ 2021-07-05 16:13 代码改变世界001 阅读(62) 评论(0) 推荐(0)

CSS列表
摘要:1、要修改用于列表项的标志类型,可以使用属性list-style-type ul {list-style-type : square} 2、如果想对各标志使用一个图像,可以利用属性list-style-image ul li {list-style-image : url(xxx.gif)} 3、确 阅读全文

posted @ 2021-07-05 13:57 代码改变世界001 阅读(40) 评论(0) 推荐(0)

CSS链接
摘要:1、设置链接的样式: a:link - 普通的、未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻 实例: a:link {color:#FF0000;} /* 未被访问的链接 */ a:visited {co 阅读全文

posted @ 2021-07-05 13:52 代码改变世界001 阅读(133) 评论(0) 推荐(0)

CSS字体
摘要:1、使用字体系列:font-family用来指定字体。 2、字体风格:font-style 属性最常用于规定斜体文本。其值有三个: normal:文本正常显示 italic:文本斜体显示 oblique:文本倾斜显示 3、字体变形:font-variant 属性可以设定小型大写字母。小型大写字母不是 阅读全文

posted @ 2021-07-05 13:49 代码改变世界001 阅读(140) 评论(0) 推荐(0)

CSS文本
摘要:1、缩进文本:text-indent实现首行缩进,该长度可以为负值。 2、水平继承:text-align属性影响文本行之间的对齐方式,它的值分别为left、right、cneter、justify、inheritleft、right、cneter分别为左对齐、右对齐、居中对齐;justify为两端对 阅读全文

posted @ 2021-07-05 11:39 代码改变世界001 阅读(84) 评论(0) 推荐(0)

CSS背景
摘要:1、背景色:使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。 2、背景图像:要把图像放入背景,需要使用 background-image 属性。 3、背景重复:如果需要在页面上对背景图像进行平铺,可以使用 background-repeat 属性。默认地, 阅读全文

posted @ 2021-07-05 11:22 代码改变世界001 阅读(97) 评论(0) 推荐(0)

CSS基础选择器
摘要:1、派生选择器:是根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器,我们可以使HTML代码变得更加整洁。 例如,我们希望列表中的 strong 元素变为斜体字,而不是通常的粗体字,可以这样定义一个派生选择器: li strong {font-style: italic;font-w 阅读全文

posted @ 2021-07-05 11:16 代码改变世界001 阅读(57) 评论(0) 推荐(0)

CSS语法
摘要:1、选择器+声明 2、代码风格: 3、空格: 4、 阅读全文

posted @ 2021-07-03 23:11 代码改变世界001 阅读(17) 评论(0) 推荐(0)

CSS简介
摘要:1、CSS层叠样式表:用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形以及版面的布局和外观显示样式,总结就是让页面更加好看。 2、层叠次序:当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 阅读全文

posted @ 2021-07-03 23:06 代码改变世界001 阅读(57) 评论(0) 推荐(0)

导航