文章目录第十四章:使用 CSS 设计网页14.1 CSS 样式表简介14.2 CSS 的基本语法14.3 伪类、伪元素以及样式表的层叠顺序14.3.1 伪类和伪元素14.3.2 样式表的层叠顺序14.4 CSS 中的属性14.4.1 CSS 中的字体及文本控制14.4.2 CSS 中的颜色及背景控制14.4.3 CSS 中的方框的控制属性14.4.4 CSS 中的分类属性14.5 添加 CSS
转载 2024-04-20 21:13:45
33阅读
在很多人眼里,CSS只能用来设置文字的字体、颜色,好像功能一般。其实CSS如果和JavaScript结合使用可以制作出非常出色的页面效果。大家知道,要想制作出条理清晰的网站,使用框架页是一种简便的方法,可是框架页的制作相当繁琐,而且在对齐上经常有些困难。本文将介绍如何使用CSS实现框架页效果。A、介绍原理使用CSS制作框架页的基本原理是将多个页面的内容集合到一个文件中,每个页面的内容占据一个表格,
转载 2023-10-06 14:13:49
69阅读
<!doctype html><html><head><meta charset="utf-8"><title>css设计栏目</title> <style type="text/css"> body{ /*页面初始化*/ background-co
原创 2022-02-09 09:58:04
113阅读
# CSS 设计架构入门指南 随着前端开发的不断发展,清晰的 CSS 设计架构变得尤为重要。建立良好的 CSS 架构可以提高团队的工作效率、代码维护性和可读性。本文将带您了解如何实现 CSS 设计架构。 ## 流程步骤 下面是实现 CSS 设计架构的基本流程,您可以参考以下表格: | 步骤 | 描述
原创 2024-09-06 07:01:19
27阅读
CSS实现垂直居中的5种方法网页阶级配色:http://tools.jb51.net/tools/peise.htm
原创 2021-07-21 13:58:32
139阅读
【写在前面】这两天还是比较痴迷于CSS特效的,甚至还想着去用CSS做动画片呢,希望后面能做到,今天主要讲的是我们页面常见的元素-按钮,很多时候按钮也需要高级化,但是很多人苦于没有途径去寻找,于是乎借这个机会给大家分享一下如何实现高级的按钮动态效果,主要线条动态化按钮,及悬浮倒影效果。【涉及知识点】:CSS3实现高级按钮,CSS实现按钮动画特效,CSS实现动态按钮效果,CSS实现按钮光影效果,box
转载 2023-10-20 14:43:34
203阅读
CSS设计指南读书笔记(选择)
原创 2013-02-28 22:19:48
727阅读
一些新手朋友对选择一知半解,不知道在什么情况下运用什么样的选择,这是一个比较头疼的问题,针对新手朋友,对CSS选择作一些简单的说明,希望能对大家的学习工作有一定的帮助。                  准确而简洁的运用CSS选择会达到非常好的效果。我们不必通篇给每一个元素定义类(class)或ID,通过合适的组织,可以用最简单的方法实现同样的效果。在实际工作中,最常用的选择有以下五类
阅读目录CSS 媒体类型媒体类型@media 规则其他媒体类型CSS 属性 选择属性选择属性和值选择属性和
原创 2023-03-24 12:47:13
75阅读
程序开发人员和网页设计人员掐架的事情常有听说,程序员们总是为自己设计不出来漂亮的网页而纠结。不再郁闷,因为开源帮了你,下面为你介绍10款相当不错的CSS框架,专心做程序吧,网页设计交给开源帮你。1.CSS网页布局框架 ElasticElastic是一个简单的CSS框架用来对网页进行布局。Elastic可实现各种各样常见的网页布局,如下图所示:2.(X)HTML/CSS 框架 T
转载 2023-06-16 21:43:37
104阅读
一、CSS 引入方式1、CSS 的 3 种引入方式 ( 内联 | 内嵌 | 外链 )二、CSS 选择1、CSS 基础选择2、CSS 复合选择后代选择子元素选择交集选择并集选择链接伪类选择
原创 2024-03-20 21:05:19
103阅读
07.29自我总结 css基础 一.什么是CSS CSS是级联样式表 CSS术语标记语言,没有逻辑 CSS作用 完成网页内容的样式与布局 二.CSS的三种引入方式 1. 内联式 书写位置:在 head标签内定义一个stype标签内 CSS语法:css选择{样式1;样式2} 优缺点:可读性强,有复用
原创 2021-06-03 17:31:32
97阅读
一、元素(类型)选择 最常见的 CSS 选择是元素选择。换句话说,文档的元素就是最基本的选择。 如果设置 HTML 的样式,选择通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身: html {color:black;} h1 {color:blue;} h2 {color:silver;} 亲自试一试 在 W3C 标准中,元素选择又称...
转载 2020-02-05 09:49:00
119阅读
2评论
一、基本选择1、标记选择(1)定义:   h1   {       color:blue;       font-size:12px;   }   为何叫标记选择呢?是因为此类选择是针对HTML的标记而定义的,比如<h1>、<p>、<li>、<bod
CSS
原创 2013-07-31 18:45:25
873阅读
1点赞
CSS 选择 标签 选择 什么是标签选择? 作用:根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性 格式: 标签名称{ 属性:值; } 注意点: 标签选择选中的是当前界面中所有的标签, 而不能单独选中某一个标签 标签选择无论标签藏得多深都能选中 id 选择 什么是
原创 2021-03-07 17:06:00
317阅读
Css的选择分为id选择,类选择,  Id选择#style{font-size:10px;         }类选择..style1{font-size:10px}Html选择body{font-size:10px;     }注意的要点:当一个元素同时被id 类 html选择修饰的时候,则   &nbs
原创 2014-05-18 12:20:40
403阅读
CSS组合 组合是解释选择之间关系的某种机制。 CSS 选择可以包含多个简单选择。在简单选择之间,我们可以包含一个组合CSS 中有四种不同的组合: 后代选择 (空格) 子选择 (>) 相邻兄弟选择 (+) 通用兄弟选择 (~) 后代选择 后代选择匹配属于指定元素后代的 ...
转载 2021-11-02 20:57:00
134阅读
2评论
css事项 一个标签可以有多个类选择 例如 <div class="ss sd" >我的</div CSS通配符选择器使用*定义,它表示选取页面中所有元素(标签)。不需要调用,会自动给所有元素样式。 基础选择 作用 特点 使用情况 用法 标签选择 可以选出多个标签 不能差异化选择 较多 p{c ...
转载 2021-08-21 00:29:00
227阅读
2评论
文章目录CSS选择 CSS选择CSS选择也称为选择符,用于选择需要添加样式的元素全局选择(通配符选择):用于选择需要添加样式的元素 如: *{margin:0;padding:0;} 通常不建议使用通配选择符,因为它会遍历并命中文档中所有的元素,出于性能考虑,需要酌情使用。标签选择(元素选择符):用于声明标记采用的样式 如:p{color:red;}类别选择:用来为相同的类名标签定
转载 2023-12-17 09:55:01
317阅读
CSS基础总结  选择CSS选择分为元素选择,组合选择符,属性选择符,伪类选择符,伪对象选择符五种。一、元素选择1.通选符: *{ }     --->选择所有元素2.类选择: .class{ }  --->选择带有该类的标签3.id选择符:  #id{ }  --->选择带有该ID的标签4
转载 2023-07-23 22:46:49
1105阅读
  • 1
  • 2
  • 3
  • 4
  • 5